- 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
Is there a CSS walkaround?
Hi
That is default layout for share buttons on mobile. You can try this css in theme panel > custom code > custom css to make that text visible:
@media (max-width: 374px){
.td-social-facebook .td-social-but-text {
display: inline-block!important;
}
}
Hope this helps!
Thanks!
Hello,
1) If you are referring to the category tag, then it can be activated for each module in particular from here: http://screencast.com/t/YySRaNha
2) You can try to alter it with css but our theme does not have this option. I can help with the css to some extent (if possible) if you provide a link to your site and specify how you want the logo to be.
Thank you!
If you want your post and page contents on white background add the following code in custom CSS
.td-page-content, .td-post-content{background-color: #ffffff}
To add this go to theme panel >> custom code >> custom CSS >>paste above code there and save.
refer – http://prntscr.com/ci048x
Now,
You need to change fonts color, to do so
in Theme panel >> theme colors
refer – http://prntscr.com/ci04uv
It will result in
post – http://prntscr.com/ci05sj
page – http://prntscr.com/ci0600
Hi Catalin,
That is happening in all webs (not only in mine),
In Newspapaer/includes/wp_booster/comments.php your developer has forgotten to add block-title into the class for <h4> in the line 32.
Here is the original code present:
<h4 class="td-comments-title <?php echo $td_css_cls_block_title ?>"><span><?php echo $td_comments_no_text?></span></h4>
and here as it should be:
<h4 class="td-comments-title block-title <?php echo $td_css_cls_block_title ?>"><span><?php echo $td_comments_no_text?></span></h4>
Cheers
Hello,
You can remove these elements for all modules and blocks from the theme panel->block settings->meta info
But if you only want to target the latest articles section, you will have to use css. please add this code in the theme panel -> custom css box:
.home .td_module_1 .td-post-author-name, .home .td_module_1 .td-post-author-name span, .home .td_module_1 .td-module-comments{
display:none!important;
}
Thank you!
Hello,
You can use this css to increase the size of the line using this code:
.td-footer-bottom-full .td-container:before{
top: -50px;
width: 108%;
left: -4%;
margin-left: 0%
}
You can add the code in the theme panel->custom css box
Thank you!
Hi,
Also check responsiveness as on mobile phones the image stretches over the text. Might want to add a few css rules there also.
Thank you!
Hello,
Our thee does not provide another pre-made layout but you can create a custom about us page like the one you mentioned with simple html and css. Alternatively you can look for a plugin that can ring this functionality so you do not have to code it in.
Thank you!
Then if you need/want the latest VC plugin version that works with theme, your option is to download it with the ‘all files’ bundle, extract it from the /plugins/ folder and upload via FTP to your site. This presumes you’ll have backup in case it does not work as you expect, such as when VC changes some of its block code/CSS from time to time without warning.
You should optimize your site a bit for things from the report like removing query strings, compressing javascript and main CSS, where possible; consider searching web on how to optimize some of the stuff you’re loading from external sites like DISQUS — e.g., why is the disqus code loading on your home page?
It’s a process.
Make sure you have enough memory allocated to WordPress, and make sure you increase the limits for php processes time-outs, and consider reducing the number of external elements on posts which sloooow down the site. You can’t control the stuff loading from elsewhere and these do impact your score; so only way to increase score when using them, is either not use them, or find ways to optimize how they load — but not part of theme.
I do have a lengthy post in the docs > tutorials > best of forums on some speed up tricks I use; and many others here have posted similar.
To stay sane:
1) try optimizing your site with disqus off, ads off, and not using external elements like jetpack, or external things like smush-it, etc.
2) optimize based on a typical post page, not home page as they will never get highest score due to all the modules, queries, and images
Good luck!
Thank you for your reply I have got most of it done but there is a string of js I can’t find that keeps appending 80px to the menu…. Here is the result I have got so far https://www.wpmultiverse.com/… However on touch devices, for example, an iPad, when I scroll down and then scroll back up it, displays the default 80px height.
Here is the code i used:
/*menu*/
.td-main-logo img{ width: 58%!important; }
.td-header-style-6 .td-main-menu-logo a { line-height: 0px!important; }
#td-top-search { margin-top: -27px!important; }
.header-search-wrap .td-drop-down-search {
top: 43px;
right: -2px;
}
jQuery( window).load(function() {
jQuery('.td-header-menu-wrap-full').removeAttr('style');
jQuery('.td-header-menu-wrap-full').css('height','40px');
});
jQuery( document ).ready(function() {
jQuery('.td-header-menu-wrap-full').removeAttr('style');
jQuery('.td-header-menu-wrap-full').css('height','40px');
});
Any suggestion?
Hi,
1: I’m having a performance problem with my website/template. My site is actually without any cache system, because it doesn’t increase the performance. Yeah, it’s very strange. I’ve tested the site with/without ads (Google Ads) and with/without WP Super Cache ( I used the same settings that you raccommend in your guide here: https://forum.tagdiv.com/cache-plugin-install-and-configure/ ).
These are the results of the tests with GTmetrix:
– WP Super Cache Disabled: https://gtmetrix.com/reports/gamesquare.it/68XvbBvI
– WP Super Cache Enabled: https://gtmetrix.com/reports/gamesquare.it/4w0X9Lh4
I’ve also tested the website with Google PageSpeed Load, it gave a vote of 72(min)-78(max) in Mobile View and 82(min)-85(max) in PC view.
The caching system gives one more problem to me, it doesn’t work properly with the Mobile Theme plugin and sometimes the cache shows the normal responsive theme instead of the mobile version. That’s why i’m not using it right now.
2: Sometimes when you open my website with Google Chrome (this isn’t a problem of my browser, because this is also happened to all my friends and only using Chrome) you will see this: https://i.gyazo.com/ac00cc46f780f576aca546ab8210f266.jpg
It seems to be caused by a “fail to load” of every CSS/JS files of the template (original and custom).
I don’t know if this is a problem located only on my website or of the template. Have you any idea?
Thank you in advance
Hello
Our theme works with adsense no matter the demo you install. A demo only changes the theme style not the functionality. If your ads are approved you can use them on any demo as tit;s the same ad. Only the css changes, not anything ad related.
Thank you!
Hi,
I’m getting this error from whynopadlock.com

Insecure URL: http://demo.tagdiv.com/newspaper/wp-content/uploads/2016/01/couple.jpg
Found in: https://www.geekstamatic.com/wp-content/themes/Newspaper/style.css?ver=7.3
Let me know how to fix this. Thanks!
HI
We made some changes and indeed the layout works different now. You can try this css but I can’t guarantee that it will work fine under any circumstances: http://screencast.com/t/lJ09xZ68ws
@media(min-width: 1025px){
.vc_row[data-vc-full-width]{
width: 1164px!important;
padding-left: 0px!important;
padding-right: 0px!important;
left: 0px!important;
margin-left: -48px;
}
}
Thanks!
HI
Those divs are intent only for banner ads which don’t have additional css on them. We didn’t tested WP AD System Pro plugin with the theme and we can’t guarantee that it will work properly. Try to add only plugin’s shortcode in theme’s ad’spots and check ho it goes.
Thanks!
Hi
Try this css in theme panel > custom code > custom css, it will hide right side from the homepage on mobile: http://screencast.com/t/HoxZJHfYn
@media(max-width: 768px){.home .td-container .td-pb-span4{
display: none;
}
}
Thanks!
Hello johnieg,
If you want to increase that container, you will have to use a bit of CSS code to do that. Please try the code below and place it in Theme panel->CUsotm CSS area.
The code is ->
ul .sub-menu{
width: 17em!important;
}
The result you should see here -> http://screencast.com/t/UWaeikvZP
Thanks.
Hi
Try this css:
.td_block_4 .td-module-thumb {
pointer-events:none!important;
}
Thanks!
Hello Toni,
I have investigated your website and I saw that your Balck Version is not fully installed because are missing some CSS rules. My advice is to make a full backup of your data and try to make a new clean install from scratch and install the Black Version on your side and then load your backup there. Would be more causes because of which will not be installed properly the demo. As a quick workaround, you can try to use the following code ->
.td-black .td-main-content-wrap{
background-color: black;
}
but please notice that further, you will have to do some adjustments using CSS for the better look.
Hope this helps!
Thanks.
Hi
Thanks for your suggestion. I’ve added them on or todo list and developers will consider them for future updates.
With regard at the second suggestion, you can target a specific post in theme panel > custom code > custom css by using postid-abc class. Each post have a unique class which contains its id, for example postid-11
A css which will target the post with id 11 will look like this:
.postid-11 .td-container{
background-color: red;
}
Thanks!
Hello,
I uploaded font in theme panel.
But in theme panel can upload only .woff.
I want to upload another type font (.tiff .eot .svg).
Because .woff work only chrome browser. but not work in another browser.
Or Can you tell me Which css file can I add more font-face.
Thank you
Hi
Header’s layout relay on a fixed width generated by js which can’t be overwritten with css, sorry. To change the header’s height you will need a different approach for all elements displayed there, logo, menu, search box.
This task involve some customizations and also many tests in order to be achieved. We can’t offer customization services at the moment so if you really this and 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.
Thanks for your understanding!
1) Disable adsense in the individual articles.
2) Insert editing CSS in the single item.