- 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
Hello,
Please add this code in your theme panel-> custom css box:
.home .td-main-page-wrap{
padding-top:3px!important;
}
Thank you!
Hello,
Please provide a link to your site as only through css can this be done and I nee to test it directly on your install.
Thank you!
A way to make it faster is to add the code directly in style.css but unfortunately only by disabling it from the theme panel can you hide it 100%.
Thank you!
Hello,
Our theme can only remove the date and author for all posts or from all templates at once. There is no setting to remove it just for specific templates only. It can be hidden with css though. If you provide a link to the category, I will be able to provide the code needed.
Thanks.
Hello,
If you want the title do disappear faster, you should add the code directly in style.css rather than the custom code section or the plugin custom code.
Thank you!
Hi sir,
I do understand that the link is an example and the css must be addapted to work 🙂
Can you atleast tell me which css class is used for the mobile header ?
Hello syahrizal.mu,
You should use the code below and place it in Theme panel -> Custom CSS area.
.td-gallery-slide-top, .td-doubleSlider-1, .td-doubleSlider-2{
background-color:white;
}
The result is here -> https://www.screencast.com/t/tlWBKKiIyg
Thanks.
Built site, no child theme. No custom CSS. I chose a lot of settings in Newspaper Theme Panel.
Will I lose Panel settings if I update?
No. If you have not changed the core files of Newspaper Theme and used the settings only through the Theme Panel, updating the Theme will not affect any settings.
However, if you have a very old version of the Theme, you will have to re-create the pages after Updating.
Before each update, developers recommend doing a full backup to your database to avoid losing all of your data and then update the theme via FTP way because this is the surest method in this case.
Please check here -> https://forum.tagdiv.com/how-to-update-the-theme-2/
Read section A. Update the theme via FTP.
Thank you for the reply! I gave that a try and it seemed to make the image I’m using smaller and put it behind the main section of the website.
I’m not sure if it has something to do with ads, but what I’d like to do is have a background image ad on the homepage only and not on any other page. For posts and categories I was able to get around this by putting custom backgrounds for each category. It’s still clickable but there is no image so that is ok. The problem I’m running into is that for other pages like my about page, contact page, and the link, the background image is still showing up.
Maybe there is another way to accomplish what I’m looking for without CSS? My website is todaysrdh.com if you want to take a look. If you go to todaysrdh.com/about you will see the background image that I’m trying to remove. (I want it removed from all pages, not just the about page, but that’s an example.)
Thank you in advance for your help — I very much appreciate the support you provide!
Thanks,
Ben
Hi, pros/cons not updating.
I normally make child theme. No problems in Divi and other themes. Can’t remember issue, but had problems.
Built site, no child theme. No custom CSS. I chose a lot of settings in Newspaper Theme Panel.
Will I lose Panel settings if I update?
I spent hours, no, days. No way could I re-do that now.
WP Bakery indicates it’s old. Got emails from Envato you’ve updated it.
I have NO time to fix errors. MUST launch teaching classes.
Should I update? Should I wait?
Using WP for 12 yrs, always update. But too much riding on this. Using Memberpress and PayPay, probably turning WooCommerce off.
Thanks in advance.
PS I REALLY look forward to styling per category. Been wanting something like this for years. Enjoying Newspaper so far. I don’t say that lightly. Not easy to find themes I can customize readily.
Although panel still baffles me. But so far, ok!
I used this css in my site, but the users can see the count very quickly when using slow connections. How can I make it hide?
Hi Simion
Thank you for the detailed reply which sounds perfect.
However, when trying to add this in the Custom CSS box it is not saving and I am just getting the rotating square?
I’m not happy with the appearance of the secondary menu (black background) on my website using viewing vertical display on a tablet. A lot of space is wasted for nothing. It don’t look good and user need to scroll more. Do you have a suggestion how to make it more compact and use the space better ? I fix this with custom CSS or via theme panel?

Hi,
Only all the menu items at once can be customized in terms of coloring. Individual colors for each menu item could only be possible with CSS.
So you want that menu item to be yellow at all times like this
– https://www.screencast.com/t/ofL8qXQbvdR
When hovered it will be black like this
– https://www.screencast.com/t/iKnrmyjdH
Enter this code in Theme panel->Custom CSS section
.menu-item-28047 a{
background-color: #fdc500;
}
.menu-item-28047 a:hover {
background-color: #000!important;
}
Thanks
Hello ACT,
Please check the code below and place it in Theme panel -> Custom CSS area.
.td-review-stars, .td-review-score{
color:green;
}
Thanks for the message!
Indeed there seems to be a space created when the search is opened and the keyboard appears, visible because of the transparent modal
– https://www.screencast.com/t/bb66nhr9
Try entering this code in Theme panel->Advanced CSS in the phones section
.td-search-opened .rev_slider_wrapper.fullscreen-container {
left: -20px!important;
}
The result should be like this – https://www.screencast.com/t/wxpHGEn1i
Hello, I just need a tiny suggestion: how can I include a banner above the featured image? Which CSS to edit?
I just need the filename, nothing else.
Both codes work for me when using footer template 4, see here
Before – https://www.screencast.com/t/NCZn5EoyaMrD
With code – https://www.screencast.com/t/1XZsuhoB
These codes have to entered in Theme panel->Custom CSS sections. Clear all caching and check the results. Try the code in the theme Live CSS as well
– https://www.screencast.com/t/Z23sDJ6aL8QR
Hi,
That would be possible with CSS. You mean something like this, the title has a default bottom margin of 26px, which could be reduced if needed
– https://www.screencast.com/t/J5P2BEhNWz
If you could mention where exactly you would like this to apply, we will try to give you a code for it.
Thanks
Hi,
The post page you mention looks like this for me
– https://www.screencast.com/t/zl3mCs147
If you could provide some more details about what exactly you want to remove, I will try to give you a solution. There are a couple of post templates that does not display a featured image in the post page (template 5 and 12)
– https://forum.tagdiv.com/post-templates-2/
Or you can disable the featured image in the theme panel
– https://www.screencast.com/t/XcKw5XxBlt8
A featured image still has to be set in order for the thumbnails to be created
– https://forum.tagdiv.com/theme-thumbs/
For the centering of the pagination use a code like this
– https://www.screencast.com/t/WV0GLZOzm
Enter it in Theme panel->Custom CSS section
.page-nav {
margin-right: auto;
margin-left: auto;
display: table;
width: auto;
}
Thanks
Please give CSS codes for post reviews star color to show to golden or green. so please give two options, and so we can choose later.thanks for soon support.
Sorry for the misunderstanding. I believe you are using footer template 4, so a code like this will eliminate the default padding top and bottom, reducing the space
– https://www.screencast.com/t/TigUMGHf
Enter it in Theme panel->Custom CSS. If this is not working please mention the footer template you are using and I will modify the code
.td-footer-template-4 {
padding-top: 0;
padding-bottom: 0;
}
The email color will be the theme accent color set in the theme panel
– https://www.screencast.com/t/s9sMqiRj54AJ
If you want to keep the current theme accent color and change the email color, use a code like this
– https://www.screencast.com/t/BNxLqoVa
.footer-text-wrap .footer-email-wrap a {
color: blue;
}
Hello YTGAW,
Please notice that the speed of your website depends on how well your site is optimized. Notice that is not a simple task and if you do not have any experience in this regard you will do not bring good results for the theme. Also, notice that we have a speed optimization tutorial but this is addressed only to advanced users. So, if you follow the steps which are presented in this tutorial here -> https://forum.tagdiv.com/how-to-make-the-site-faster/ you can increase the page speed loading and if you are not aware of the steps in this regard, please consider hiring a freelancer/developer to help you because the speed optimization services are not covered by our support policy, as you can read here -> https://forum.tagdiv.com/support-policy-2/ Check our documentation here -> https://forum.tagdiv.com/requirements-for-newspaper/ regarding on dedicated server to fit our requirements.
Unfortunately, our theme does not have such an option to minify the style.css file and we cannot recommend any plugins with this functionality because is not tested with our theme. For minifying this file, we are using CloudFlare for our demo and works fine. If you want to read other views from our users, please check this topic -> https://forum.tagdiv.com/topic/tip-how-to-easily-minify-your-css-without-breaking-your-site/
One of our top members here on the forum wrote his own optimization tutorial here:
https://forum.tagdiv.com/topic/tutorial-chriss-custom-optimizations-for-functions-php-etc/ and here -> https://www.infophilic.com/get-almost-100-pagespeed-newspaper-theme/
Basically, these are the theme requirements
– https://forum.tagdiv.com/requirements-for-newspaper/
Thanks for your understanding!
The demo shortcodes didn’t work. I needed to make my own but I need the css to make it look like it does in the demo.
Hi,
I am able to remove the gradient by a css code you guys provided here. But when I choose “Always Sticky” from Sticky menu option, it overrides and the shadow appears again. How do I remove gradient (shadow) from both main menu and sticky menu. I am using Style 3 Multipurpose header option.
Thanks.