- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsDefault Block Settings Guide
- TutorialsHow to use custom fonts
Hi,
Our theme has no such option so it has to be made custom. Unfortunately this represents customization that is not part of the theme support. You will have to use html and css to add classes and styles to the widget. You nned to use these proprieties: http://www.w3schools.com/cssref/pr_background-color.asp and https://css-tricks.com/centering-css-complete-guide/
I hope this helps.
Thanks.
Hi Tagdiv,
1. Google Material Design Styles
Can I use Material Design CSS styles in Newspaper,
What do I need to do to make my Newspaper site same like Google Material Design.
Ref.Link # Google Material
2. Visual Composer w/ Add-Ons
I have my own visual composer with ultimate addons, will that work with Newspaper theme.
If I re-install Newspaper latest version with My Own VC, will it work.
I’m not asking for support particularly in this just asking whether it will work or not.
2. Replace your Inbuilt Social sharing with ADDTHIS
Your Social sharing lacks Linkedin so can I replace your social sharing with ADDTHIS social sharing.
Is it possible to delete your social share code to make the site even more lighter?
Thanks,
Thank you the caching of the old css file is now cleared and working fine. I was having issues with my instagram account not showing the right followers so I did update the social counter plugin when I updated to the latest theme. That fixed the Instagram counter but then my Facebook likes were 0. I will delete it and try again and see what happen. I will reply to this post with the results.
Thanks,
Maurice
Allow me to join the conversation…
This is one of the trade off using commercial wordpress template.. theme developer provide a lot of feature, but perhaps you only use 20-30% of them. Is there any solution ? yes, you will rely on several plugin to optimize your site:
1. Gonzales WordPress plugin, i use it to exclude script and css in a specific pages. Do you realize that if you use COntact Form 7, the script will get loaded on every page of your site.. that’s absurbs
2. Unused-css.com. It will browse your site both in desktop and responsive to find unused css selector.. for my site using visual composer, it reduce 83% of total file… for newspaper it reduce 30%, and newspaper ships with unminified CSS, so you can have extra kb on that
3. Cache Plugin. this is the real booster begin, i’m using WP-Rocket.. it support for page cache, gzip compression, defer javascript support, combine and minify script… really a major requirement when you need to speed up your site.
Is all 3 100% reliable, not really.. first you need to backup and then you need to test your front end, and make sure all of this three improved your site speed to the max.
Last but not least, your server resource also matter.. don’t expect to have good performance with low quality of server (especially shared one).
Good luck
-
This reply was modified 10 years by
admindoxa.
Hi,
Unfortunately I cannot get pass the maintenance mode so I cannot inspect the logo. Please make sure you do not have any custom css affecting the header. If you cannot get it to work you can either remove the maintenance mode or send us your login information at contact@tagdiv.com so we can login and inspect the issue. Also include a link to this topic.
Thank you!
Hello Glitched,
I have tested on my side your code provided and seems to have some errors in console with it. Please try to use the code below and check the results.
jQuery(document).ready(function(){
//var wid = $("body").width();
//var wrapwid = $("#td-outer-wrap").width();
// var newwid = wid – wrapwid;
jQuery(".td-banner-wrap-full").css({"margin-left": "20px"});
});
In future, for more references in this regard, please check this topic here -> http://stackoverflow.com/questions/3931529/is-not-a-function-jquery-error
Thanks.
Sorry for hitchhike, but I´ve the same Question.
My Menue is to long and it would be nice to compress it.
Here iss one screenshot

If the “icon-menue-down” inside the red squares has been eliminate, it could be better. Also the “header-search-wrap”.
In the css did I have set both to “display: none” but it have no influence of the space.

What can whe do?
Greetings
Achim
I’m okay with the sub-items showing on desktop, since I was able to use CSS to hide the sub-items there.
I pasted the links to my social networks in two of those fields, but they do not show up in my mobile menu. They work in the footer. This is what my mobile menu looks like:

It looks nothing like the demo menu.
Sorry for hitchhike, but I´ve the same Question.
My Menue is to long and it would be nice to compress it.
Here iss one screenshot

If the “icon-menue-down” inside the red squares has been eliminate, it could be better. Also the “header-search-wrap”.
In the css did I have set both to “display: none” but it have no influence of the space.

What can whe do?
Greetings
Achim
Hi,
In order to re-create that look you need to add a row in visual composer and make it full width. The block is a block 14 so you need to create your section like so: http://screencast.com/t/Cxb8E4FWfFjM and then use the row setting to add the background color and stretch the row: http://screencast.com/t/DBycczxgXUrm – http://screencast.com/t/Z1PbWs0N and then add a black background from the design option tab on the row settings.
Now you should have this result: http://screencast.com/t/90hCumjDo
Now you need to use css to position it properly: http://screencast.com/t/ZjEdGWmi
Use this code:
.mycustomclass{
margin-bottom:20px!important;
padding-top:48px!important;
}
Thank you!
Hi,
Thanks for the reply.
At first, I put this code in “mobile theme custom CSS box” (http://prntscr.com/bm3ku0) then I put it in main theme custom CSS box
but nothing happens.
and without mobile theme facebook visitors can’t open my website post via mobile device. that’s why I installed the mobile theme.
Thank you!
Hello,
You can use the code below if you want to display inline the date and the author name for your module. Try the code below and place it in Theme panel->Custom CSS area.
The code is ->
.td-what .td_module_6 .td-module-meta-info {
display: inline-flex;
}
Thanks.
hi,
In order to make this modification you do not have to edit any theme file. You can use standard css you can add in the theme panel-> custom code section. If you need help with the css, we will need a link to your site so we can provide the proper code.
Thank you!
Hello,
Here is the css needed. You can change the color to your preferred one (I set it to black):
.vc_toggle_title:hover h4{
color:black!important;
}
I hope this helps.
Thank you!
Hi,
If you only need to insert one ad, not repeated after a number of posts, then you do not need to use the adcounter. You can simply use a do_shortcode function in the category template like so:
http://screencast.com/t/3AhOEXNl9lPl
<div class="mycustomclass">
<?php echo do_shortcode('[td_block_ad_box spot_id="custom_ad_1"]');?>
</div>
It will need a few css adjustments to remove the bottom margin and add a top margin for it to position properly so you can use the custom class assigned to the div element.
As for the bottom ad you need to use the same procedure but this time place the code at the bottom of loop.php from the root directory.
I hope this helps.
Thank you!
HI
Use this css to hide the social icons on mobile: http://screencast.com/t/IqydRn9o
.td-menu-socials{
display: none;
}
The old menu won’t work on V 3 because the html/css and js were changed. You will have to adapt it to new theme’s structure and this is not just a copy paste task.
Thanks!
Hi
Try this css:
@media (max-width: 767px) {
.td-top-menu-full {
display: block!important;
}
.td-top-menu-full .td-header-sp-top-widget{
display: none;!important
}
}
Thanks!
Hello TagDiv,
There seems to be an issue with the JavaScript field in the Custom CSS panel.
Developer has added jQuery in Custom JavaScript field and it is showing up on website View Source, but not working. jQuery is correct.
This is the jquery in question:
$(document).ready(function(){
//var wid = $(“body”).width();
//var wrapwid = $(“#td-outer-wrap”).width();
// var newwid = wid – wrapwid;
$(“.td-banner-wrap-full”).css({“margin-left”: “20px”});
});
Will you be able to let me know why?
Catalin…..I ATTACHED A FILE……….. DONT SEE YOU IT…THE WEATHER AND THE ICONS SOCIAL cant put them in the header… I modified the css, but it doesnt work….ok… THANK YOU.
Hi,
This is a known issue and it is related to cdn. The error will fix itself once all caches get cleared. Your site.host/cdn is feeding the old style.css file from newspaper 6 and until the cache/cdn is cleared it will show this way. Caches have a set time interval for resets, but you can reset them manually. It can be either a caching plugin, a cdn server or even hosting that provides cache directly. SO your options are either wait for it to clear or you can manually clear everything you can and try to find out if your host has any caching and how it can be cleared.
As for the social counter, please update the plugin as well. Disable and delete your current version and install the new version (4.1) that is bundled with the latest version of the theme.
I hope this helps.
Thank you!
Hello,
Every demo has it’s own css that is called when installing it. The css can be found in the demo folder for each demo style: http://screencast.com/t/28dH6lvq If you want to remove the style for a demo, you can access the css file and remove the styling but do this on your own risk. This is a ‘hack’ as the demos were not designed with a removable style.
Thank you!
Hi,
If you want to add a text inside a specific post, you need to edit the template file coresponding to the post style used on that post and add a condition to check if the post has a specific ID to echo a text on that post. Here is an example. My post has an id of 5042 so I would use this code like so:
<div class="customtext"> <?php if (is_single(5042)){
echo "Advertisment";
}?>
</div>
http://screencast.com/t/jEWCIjOTgOsu
And then use this code to style the text with css:
.customtext{
display: table;
margin-left: auto;
margin-right: auto;
}
You can add the css in the thme panel->custom css box
result: http://screencast.com/t/vcJkbF50y2e
Thank you!
Hello
This is the theme behaviour in mobile theme to show you the About Us description. So, if you want to hide this, you will have to use a bit of CSS to do this. Try the code below.
The code is ->
.td-mobile-footer-wrap .td-footer-description {
display:none;
}
Thanks for your understanding!
Hello
I have checked your website and I saw that all of these are hidden with a bit of CSS. Please try to use the code below and place it in Theme panel->Custom CSS area.
The code is ->
.td-what .td_module_6 .td-post-date{
display:block;
}
.td-what .td_module_6 .td-post-author-name{
display:block;
}
The result you should see here -> http://screencast.com/t/2VQsMmesmau
Hope this helps and let us know how it goes!
Thanks for your message!
Hi
To achieve the desired result you can place the code from Facebook inside a container and add a border on it.
Paste this code in loop-single-12.php:
<div class="fb">
<div class="fb-page" data-href="fb-page" data-tabs="timeline" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="fb-page" class="fb-xfbml-parse-ignore"><a href="fb-page/">My Facebook page</a></blockquote></div>
<div class="fb-comments" data-href="<?php echo get_permalink($td_mod_single->post->ID); ?>" data-width="100%" data-numposts="5"></div>
</div>
Use this css to add the border:
.fb{
border: 2px solid #f3f3f3;
}
Thanks!