- 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
- NewsmagtagDiv Composer Tutorial
- TutorialsFrom WPBakery to tagDiv Composer
- NewspapertagDiv Composer Tutorial
- NewspaperTheme modules and blocks
- TutorialsDefault Block Settings Guide
- NewspaperThe Mobile Theme
- NewspaperCompare theme files – Winmerge tutorial
- NewsmagBlock settings tutorial
- NewsmagLogo & Favicon
- NewsmagFooter templates
Hello carmene,
If you want to decrease the width of the social counter, you have to use a bit of CSS. Please try the code below and add it in Theme panel->Custom CSS area, like this: http://screencast.com/t/Aw0Wayb1
.td_block_social_counter {
width:300px!important;
}
The result you should see here: http://screencast.com/t/ySUtwnzuR
Hope this helps and let us know how it goes!
Thank you for the message!
Hello joyceloh,
1) If you want to enlarge your logo size on your mobile mode, you should try a bit of CSS and add it in Theme panel->Custom CSS area, like this: http://screencast.com/t/Hu6ilCrf
@media (max-width: 767px){
.td-retina-data {
width:200px;
height:70px;
}
.td-main-menu-logo img {
max-width: 200px;
max-height:70px
}
}
The result you should see here: http://screencast.com/t/poBxwQrKrHr
2)If you want to reduce the padding-bottom and the margin-bottom you should also use a bit of CSS, like this:
.td_block_big_grid_3 {
padding-bottom:25px;
}
.td-a-rec-id-custom_ad_2 > div {
margin-bottom:25px;
}
The result you should see here: http://screencast.com/t/5Xfuc2l0nBEp
Hope this helps and let us know how it goes!
If is not what you mean, please provide more details.
Thank you for the message!
Hello Mecburlar,
If you use an “Ajax filter”, you should try a bit of CSS for a good look. Add the code below in Theme panel->Custom CSS area.
.td-block-row {
padding-top:40px;
}
The result you should see here: http://screencast.com/t/VPiLGOIwzaw
Hope this helps and let us know how it goes!
Thank you for the message!
Hi,
I added Emil’s code into Custom CSS section, below is the screenshot of the codes
http://sansan.qriosity.com.sg/wp-content/uploads/2016/01/Screen-Shot-2016-01-05-at-9.52.43-am.jpg
Kindly let me know whats wrong..
Thanks!
Thanks a lot that CSS did the trick since a poll plugin from Envato is doing all the fuzz, somehow the big grid 5 was only showing 4 articles when we have hundreds with the featured tag used on that config, activating and deactivating Visual Composer plugin did the trick too.
Thanks for your support!
Hi all
I have i problem with css here
http://analisidelsangue.net/forums/users/drumma/replies/
this user for example wrote about 1800 replies in the forum site…
In the html code of the page I see the list of the replies… but the page of the site is white, without anything
can you help me? How can I sole this problem?
thank you
a
Is there anyway to add the Top Menu to the Mobile Menu other then just adding the CSS from this post to unhide it? Is there no way to add it to the menu-mobile.php??
Could it somehow be added to this:
<div class="td-mobile-content">
<?php
wp_nav_menu(array(
'theme_location' => 'header-menu',
'menu_class'=> '',
'fallback_cb' => 'td_wp_no_mobile_menu'
));
The Header Menu is there, could you just somehow add ‘td-demo-top-menu’ to that same “theme location”? I tried adding it next to ‘header-menu’ but that just broke the site. Adding the CSS the link above works, but it doesn’t look very good. I would rather not go that route if I didn’t have to.
Do search in forum as this has been covered numerous times the past 2 years.
Hopefully admin will add a quick tutorial for this in the help section at some point.
Basically create a text box in a row/column or in sidebar on home page and wrap short description of site in H1 tag, then style that as needed with custom CSS in the custom CSS box in theme panel.
Hi
I’ve use firebug to see the style sheet for the logo I am using (style sheet is /themes/Newspaper/style.css?ver=6.6.3)
The CSS code I see is:
.td-header-style-1 .td-header-sp-logo {
height: 90px;
margin: 28px 28px 9px;
position: relative;
width: 284px;
My logo size is (272 x 90px) .png
How can I get my logo to be on the very left (see design requirements):

I’ve tried playing around with the margins, but it’s not doing anything.
Please help.
Thanks
John
Hi,
Where did you added the css code provided by Emil?
As I have checked this on your site and it doesn’t apply on mobile – tablets/destop – for phones is the default css – http://screencast.com/t/SHt0gcv34teb
Please add the code in Custom Css section(not advanced) – http://screencast.com/t/6pnCj5CJ4B
Thanks!
Hi,
Check your site using google’s PageSpeed Insights: https://developers.google.com/speed/pagespeed/insights/ and check online or use our instructions as solutions based on their notifications.
Also make sure you go trough our server/host requires and recommendations: https://forum.tagdiv.com/requirements-for-newspaper/
Our page speed guide and covered the most important aspects that google notifies you of and based on which it classifies and grades your site’ regarding speed. The theme has been developed to be fast but it may still need configurations on this matters so test your site using google’s page speed insights testing tool and make sure you follow the guide instructions and methods then test your site again.
We can’t offer speed customization services at the moment so if you still need guidance on this or you’re not aware of the steps you need to take in this regard please consider hiring a developer or a freelancer to do this for you.
The fb comments plugin should appear by default on your post pages. Where do you want to add it? Please let us know and provide more details on this!
The smart list 7 lightbox image can’t be disabled just for the smart list 7 images only if you disable it from theme’s panel > post settings globally: http://screencast.com/t/pIg0TBAqCSsE
Please provide more details about the configuration you want for the fb and disqus comments.
Hope this helps!
Thanks for the message!
-
This reply was modified 10 years by
Lucian.
Hello tunc26gm,
If you want to change the background color of your pages, you have to use a bit of CSS and add it in Theme panel-Custom CSS area, like this -> http://screencast.com/t/M8EBHzo8X7r
If you want to have this option for only some pages, you have to find the page ID and add it in the code and the CSS code will be applied only for these pages.
.page-id-1412 .td-main-content-wrap {
background-color: green;
}
The result you should see here: http://screencast.com/t/uLdauoJo
If is not what you mean, please provide more details!
Hope this helps!
Thank you for the message!
Hi
Try this css: http://screencast.com/t/gXw93kPe4
.td_block_21 .td-post-author-name{
display: none!important;
}
Thanks!
Hi
Try this css in theme panel > cutom code > custom css: http://screencast.com/t/qZmxLtZAxs
.td_block_21 .td-excerpt{
display: block!important;
}
Thanks!
Hi
Try this css in theme panel > custom code > custom css: http://screencast.com/t/0AGmVmmocV
.td-grid-style-1 .td-module-thumb a:last-child:before{
background: none
}
Thanks!
Hello Stefan,
I have tested again on my side the code that gave you above my colleague Alin and everything seems to work as expected, as you can see in this screenshot: http://screencast.com/t/s9681Rb0av If you have other custom modification, please check your Custom CSS area and check if you have syntax errors. If you are not aware, please provide a screenshot with your custom CSS area.
Hope this helps and let us know how it goes!
Thank you for the message!
Hi
The size that you indicated for your image is to small to fit the entire space from first thumb of big grid slide. As the image to fit well in that thumb must have an size at least by 741 X 486.
The slide it’s built in a different way, meaning that the image is stretched by css and even if is smaller than the slide surface, it will be displayed fine.
You can try this css to stretch the image on the entire surface of the thumb, but this may affect its quality:
.td_block_big_grid_2 .td-big-thumb .td-module-thumb img{
width: 100%;
eight: 100%;
}
Thanks!
Hi,
Please check this guide how to add a new share button(in the same file you can add it also for Newspaper theme) – https://forum.tagdiv.com/add-a-new-linkedin-button/ You may need additional css customizations.
Thanks!
Hello Sayeed,
Yes, it is possible to hide the footer section only for the homepage. Please try the code below and add it in Theme panel->Custom CSS area, like this: http://screencast.com/t/1Z0jH9Va
.home .td-footer-wrapper {
display:none;
}
The result you should see here: http://screencast.com/t/mJhUljIe
Hope this helps and let us know how it goes!
Thank you for the message!
Thanks for the reply. The date is ok now.
About the code that CSS rule does fix the issue on the wp-caption-text div but sometimes I place the code in the content as well and that would be a problem. I can’t use the same CSS code you gave because it would hide the imgs.
I think there is nothing wrong to delete the part of the Amazon code. I’m not sure if it’s against the Amazon TOS but I have no choice. (If you have another solutions to fix the issue in the content also would be great)
Thanks
Hi
Try this css in theme panel > custom code > custom css: http://screencast.com/t/W2iFJOrkCcRf
.widget_text {
margin-bottom: 10px;
}
You can change the margin value as you like.
Thanks!
Hi,
Unfortunately the theme doesn’t have an option to block an image on mobile devices, you can use custom css to hide it but it will still be loaded in the source just that it will not be visible.
The theme used the same thumbnails on blocks/modules even it is desktop or mobile(it is used just css to customize them on different devices) to not create so many thumbs for each device.
Thanks!
Hello Ryuko,
The theme code was tested and optimized for best performance, we have a lot of clients and the theme works well on a large variety of hosts.
First, please make sure that you use the recommended server configuration for Newspaper theme, you can check our documentation for more details: https://forum.tagdiv.com/requirements-for-newspaper/
There are lots of factors that influence the site’s page-sped. I suggest you first try this without any other plugins active, leave just VC plugin active the check again.
To improve your server response time you can try to reduce the number of queries (fewer plugins, fewer blocks on page, reduce the elements which use ajax requests/pagination like mega menus/load more/infinite load), also consider using a cache plugin, we recommend the WP super cache plugin with the following configuration: https://forum.tagdiv.com/cache-plugin-install-and-configure/
To improve the loading speed look the MySQL query cache: http://dev.mysql.com/doc/refman/5.1/en/query-cache.html we also use it on our demo.
Also, you can use the speed booster to move the js and CSS at the bottom of the page, eliminate render-blocking, but not for all plugins. Check the System Status if the speed booster is active if you use other plugins than the tested ones. You can find some useful information regrading Speed Booster usage in this topic: https://forum.tagdiv.com/topic/speed-booster-questions/
Also, you can read this guide, it may help – https://forum.tagdiv.com/how-to-make-the-site-faster/
Hope this helps and let us know how it goes!
Thank you for the message!
Hello adria,
If you want to hide the Pinterest icon, you have to use a bit of CSS. Please try the code below and place it in Theme panel->Custom CSS area, like this: http://screencast.com/t/m3eAvf9oJq and if you want to permanently delete the Pinterest icon, you have to remove/comment this part of code from td_module_single.php, like this: http://screencast.com/t/GzmHAS4t9EO
.td-default-sharing .td-social-pinterest {
display:none;
}
The result you should see here: http://screencast.com/t/UZOM42PV
Hope this helps and let us know how it goes!
Thank you for the message!
Hi
Try to deactivate all plugins except Visual Composer, clear all caches and test again. If the problem persist try this css in theme panel > custom code > custom css: http://screencast.com/t/UoHEgxhtvs
[class*="span"]{
margin-left: 0px;
}
Regarding the posts from big grid 5, they are displayed fine, but you have only four post set to be displayed in that grid: http://screencast.com/t/9OZNzD7Y Please make sure that you have enough post which correspond with the filters that you set for big grid 5, clear all caches and test again.
Thanks!