- NewspaperCreate Custom Code with the browserâs Inspector or the Live CSS Box
- NewspaperScroll Animation
- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- NewspaperHow to setup Twitch for Social Counter
- NewspaperModal Popup
- NewspaperFlex Block Settings Guide
- NewspaperAutoptimize Plugin – install and configuration
- NewspaperAdding Multiple Authors to Your Articles
- NewspaperDesign your Post Pages using the Cloud Library Templates
- NewspaperBig Grid Flex Settings
- NewspapertagDiv Composer Tutorial
- NewspaperTheme modules and blocks
- NewspaperThe Mobile Theme
- NewspaperCompare theme files – Winmerge tutorial
- NewspaperUsing Other Ads
- NewspaperBlock settings tutorial
- Using custom fonts
- Using typekit fonts
- NewspaperChild Theme Support
- NewspaperHow to Make the Site Faster
Hi,
Unfortunately there is no option in Theme Panel for this, but you can edit megamenu module and change title length: http://screencast.com/t/jolL6KCRSGGk
If you want to add a border for megamenu please try this custom css in Theme Panel > Custom Css: http://screencast.com/t/Tinz0IUFN
.td-mega-menu .sub-menu {
border: 1px solid red;
}
Thanks!
Hi,
Please use Theme Panel > Custom css section to add css code: http://screencast.com/t/6CFzuTvE
Your code work fine – http://screencast.com/t/UXS2z6ndpv
Thanks!
Hi,
Here you can find the code to edit posts that appear on modules – http://screencast.com/t/PKXEDGjEpX
It appear now top left on module thumb – http://screencast.com/t/Lmwe2qQ3rK You can copy that code and paste it where you want to appear, but you will need also some custom modification to the css code.
Thanks!
Hi,
The css is applied in cascade so the default color is overwritten by theme accent color that you have set. Please try to change also the color from style.css for logo background – http://screencast.com/t/PtobCgWpH0
Also provide more details about your background image as I have checked your site and you don’t have any background image.
Thanks!
Hi,
Please comment or delete those in module files: http://screencast.com/t/U6EPuwePe
Or you can hide via custom css, if you want this solution please try this custom css in Theme Panel > Custom Css:
.page .td_module_wrap .meta-info {
display: none;
}
Thanks!
-
This reply was modified 11 years by
Alin [tagDiv].
-
This reply was modified 11 years by
Alin [tagDiv].
Hi,
There is an option in Theme Panel to change font for breadcrumbs: http://screencast.com/t/hMnYX0btbDUB
The color and hover color can be changed via custom css in Theme Panel > Custom Css: http://screencast.com/t/rDUqYnHW
.entry-crumbs span, .entry-crumbs .td-bread-sep {
color: red;
}
.entry-crumbs span:hover {
color: blue !important;
}
Hope this helps!
Hi,
Please check this also without any plugins active, leave just Visual Composer active, clear cache and see if you still have this issue. Also please disable any css/js minification.
If you still have this issue with sidebar please send an email at contact@tagdiv.com and paste a link to this conversation so we can know who you are.
Thanks!
-
This reply was modified 11 years by
Alin [tagDiv].
Hello, I was able to remove the author and date count and date via the custom css in the dashboard with the following:
.home .entry-date{
display: none;
}
.home .td-post-author-name {
display: none;
}
But it still shows up for a second, then disappears. This doesn’t look good, so is there a way to just remove it without it displaying even for a little bit? (Also the comment bubble).
Ajax loading of queries on home page; or on post pages custom CSS over-riding default CSS. “Flash of unstyled text” … complex mega menu on slow server, etc.
Hi,
Another question – sorry we’re trying to go live tomorrow with Newsmag.
We inserted this into child style.css to customize the colors. But nothing changes (other css mods work fine).
/* Menu colors */
.sf-menu > .current-menu-item > a,
.sf-menu > .current-menu-ancestor > a,
.sf-menu > .current-category-ancestor > a,
.sf-menu > li > a:hover,
.sf-menu > .sfHover > a {
background-color: #F23A11;
color: #fff;
}
What did we do wrong?
Cheers!
Hi,
I want my homepage to be 3 column and the 3. column to be sticky
as you can see the link below, I did the necessary css input, but it is still not sticky.
http://www.awesomescreenshot.com/image/172900/b157553dad68e11651a1ab6b506b32c7
I would like to know if anyone can help me move the logo to the top and center it. I was also wondering if there’s a tool for the desktop to edit the css for the mobile view.
Hi,
1. The top and the bottom ads are outside the content, you can only achieve that position by using the Inline Ad – http://screencast.com/t/bpfr7TVO1sp
Play with the paragraph (add 1 or 2) and test to see if the ad jumps in the position you want. The theme function breaks the content into paragraphs and you can select after which paragraph to display the inline ad.
After that set it’s position – http://screencast.com/t/eaYoJ6gfKK9
2. I already provided a custom css in the image from the dashboard: – http://screencast.com/t/OflIC1U7P
.td_module_mx1 .td-block14-border {
height: 100%;
}
Add the css in Theme Panel -> Custom CSS.
Some modules have extra elements like lines, shadows, etc, when you change the thumb size or other module parameters you also have to consider those elements.
Thank you, Emil G.
How to optimize these 2 css files?
http://www.screencast.com/t/3rpkCDDuGv
I’ve added td-speed-booster but it’s still not working.
http://www.screencast.com/t/5iyvzNqw195
Help me. Thanks!
thank you
I just send you an email with the subject “help with menu font”
unfortunately I wasn’t able to resolve this
I change the css as you suggested but did no difference
I don’t know what
–“On your site on firefox I found this css errors: http://screencast.com/t/7LziNj802yT which even if they indicate an error to the open sans font it could indicate a common issue of using fonts.–”
means and how to fix it
I would like to have a child theme as it is easier to make the updates
Thank you
Zoe
I think you can hide those by changing the color of the lines with CSS; forget exactly which classes but it’s a popular mod since Newsmag launched. Obviously you can’t “remove” them without some minor pain as those are “in the grid” for spacing. But lots of folks have changed the color to match the background — I thought there was going to be option for this in theme panel someplace, but could not tell you right now if that happened or not. I’m still on 1.6, prepping for 1.71B this weekend — was waiting to see if there would be sudden “1.72” or something before I did that đ
It works fine now, selected other tags and all categories.
A few weeks ago you had given me the solution for the mega menu arrows. But it is hard to get it good at al devices so I think change the arrow color is a better idea. Not grey (difficult to see) but deeppink theme color. How can I do that also with CSS?
You give me also the CSS code to remove the number of posts in categories. This works well at the home but not at http://no.nl/zyFP for example. What do I have to change to remove the number of posts from all categorie widgets?
.home .widget_categories ul li a .td-cat-no{
display: none;
}
Thanks!
Yes indeed the text is ” blockquote ” .
I wish that when I active , the text is normal and does not become big and blue.
What should I write in the custom css ?
thank you
Hi,
1. You can search for tutorials online on how to use the console: https://developer.chrome.com/devtools/docs/console – this is for Chrome, you can find for other browser’s also.
2. I’ve also tested this on my theme install however without using a child theme, in the main theme and found no issues when setting the Roboto font on the main menu items. I’ve tried your configuration: http://screencast.com/t/3L9rANhvuNg and the result on firefox is the right one: http://screencast.com/t/uWw6buLyow so I suggest you also test this using the main theme and see how it goes.
On your site on firefox I found this css errors: http://screencast.com/t/7LziNj802yT which even if they indicate an error to the open sans font it could indicate a common issue of using fonts.
I also suggest you alter the custom css you sue for tablets and don’t set the font family just the font size, like this:
@media (min-width: 768px) and (max-width: 1023px) {
.sf-menu > .td-menu-item > a {
font-size:12px !important;
}
.sf-menu > li > a {
font-size:12px !important;
}
}
If you still can’t manage to solve this please send us an email at contact@tagdiv.com and provide you wp-admin login details so we can have a closer look at this. Also include a link to this tread into your message, we will check it as soon as possible and get back with an answer.
Thanks
Hi,
It seems that this is not apply on module 9. All option from Custom Typography will be changed in version 5 of Newspaper, so please use this custom css till this will be fixed: http://screencast.com/t/nLUgvkqXBaA
.td_block6 .td_mod9 .entry-title a{
font-weight: bold;
}
Thanks!
1. it’s been loading fine for now if I will see the same problem I will try and follow the steps you suggested
although I would’t know how to check the browser console for errors…
2. http://www.screencast.com/t/niDE75yAKxB
and I also have in the child theme css
@media (min-width: 768px) and (max-width: 1023px) {
.sf-menu > .td-menu-item > a {
font-family: ‘Roboto Condensed’, sans-serif ! important;
font-size:12px !important;}
.sf-menu > li > a {
font-family: ‘Roboto Condensed’, sans-serif ! important;
font-size:12px !important;}
}
Hi,
You have to look for a plugin which adds such an option, it may require some custom css to integrate it with the theme css. Unfortunately i didn’t do any tests with such a plugin so i cannot recommend you one, sorry.
Thank you, Emil G.
Hi,
Thanks Chris!
@websiterra You can use a header style with full menu: http://screencast.com/t/1I3M4PuTWzJ and for footer please use Christopher’s custom css in Theme Panel > Custom Css it works fine – http://screencast.com/t/DLzV5xIUkoOC
Thanks!
Hi,
A solution will be to add a link to your menu and display an image(logo) there – http://screencast.com/t/VE5x0uBDJ
Now you need to hide it on main menu and show it only for sticky menu via custom css(using menu item unique class) and also hide mobile logo that is used by default in sticky menu: http://screencast.com/t/UbdA7KAqv
For mobile screens will remain mobile logo that you have set in Theme Panel: http://screencast.com/t/LqFLma80C
@media (min-width: 768px){
.td-main-menu-logo.td-logo-sticky {
display: none;
}
}
.sf-menu .menu-item-1707{
display: none
}
.td-affix .menu-item-1707 {
display: block;
}
.menu-item-1707 img {
max-width: 50px;
max-height: 40px;
}
Thanks!
Hi,
Please try this custom css in Theme Panel > Custom Css: http://screencast.com/t/smcdWG9Z
.td-big-grid-post-0 .td-sbig-title-wrap .td-sbig-title:hover, .td-sbig-title-wrap a:hover {
color: #13687C !important;
text-decoration: none !important;
}
Thanks!