- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsDefault Block Settings Guide
- TutorialsHow to use custom fonts
Hi,
The solution posted for replicating the travel demo will not work anymore as we have split the css file for each demo in order to reduce the css file size. SO now only when you have a demo installed will the css for it be loaded. As a workaround, please copy over the whole code from this file: http://screencast.com/t/hnSyV4jA and add it in your style.css at the bottom of the file.
Thank you!
The CSS works fine for the pages that visitors see on the blog.
It’s only when composing that the author sees a hard to work with format (the block capital letters in particular make editing hard because copy pasting picks up the all caps).
Screen shots:


-
This reply was modified 10 years by
David L.
Hello ilnegozio,
Unfortunately, as a general rule, we recommend always doing backup for each update to be more safety in this regard.
1,3)If you have a custom CSS in your CSS box, please try to re-save it again as the code to be regenerated in the new version of Newspaper (v. 7.0).
2)Please ensure that you have correctly updated your theme via FTP and also, please check if you have the latest version of Social Counter installed on your side (version 4.0).
Hope this helps and let us know how it goes!
Thank you for the message!
Hi,
If you had custom css done to your menu, in newspepr 7 there were changes done to the menus so any custom css that applied to the menus will probably need to be re-done.
please provide a link so we can inspect your site.
Thank you!
Hi,
At new theme there is a problem about social accounts css I think… (V7)
How can I fix it and also how can I customize the style of widget?
Hi,
In order to remove more from author you can use 2 methods:
The css method:
.td_block_related_posts .td-related-right {
display:none;
}
or you can edit the theme files: comment out or delete this part: http://screencast.com/t/Okmq7lxTDzGd
I hope this helps.
Thank you!
Hi,
In order to update from newspaper 6, you need to delete the old theme altogether and copy over the new theme via ftp. Then simply run the update script from the welcome screen: http://screencast.com/t/NXxqfbe4T
Before the update make sure you do a full backup of your current installation – https://codex.wordpress.org/WordPress_Backups and then do a clean update, meaning that we recommend that you delete the old version of the theme before uploading the new one – https://forum.tagdiv.com/how-to-update-the-theme-2/ update also the plugins that come with the theme files from the /plugins folder. In the “how to update” guide is specified that you will have to run the script that will import from database your settings.
The shortcodes have been changed so old ones will not work anymore. Please note that old files customization or custom css will not work with the new version and you will have to adjust or re-add them.
You will have to re-apply a few settings though as some elements change their order and number such as blocks or post templates so a post template from newspaper 4 for example post style 3, will not be post style 3 anymore but a different number.
You will only have to allow a half hour to restore your site to it’s previous setup.
Thank you!
I have some custom CSS added in ThemePanel to change how block quote looks on the site (I’ve put that at the end).
However when our authors are composing in the visual editor, block quotes ALWAYS come out in CAPSLOCK and centred and I can’t figure out how to change this.
Just for the record I upgraded to 7.0 a few minutes ago (including apply a couple of customisations of my own) and everything is working fine.
.post blockquote p{
padding-left: 10%;
padding-right: 5%;
text-align: justify;
line-height: inherit;
font-style: italic;
}
.td-page-content blockquote p,.td-post-content blockquote p,.wpb_text_column blockquote p,.td_block_text_with_title blockquote p,.bbpress blockquote p,.woocommerce #tab-description blockquote p,.mce-content-body blockquote p,.comment-content blockquote p{
font-family:inherit;
font-size:inherit;
line-height:inherit;
font-weight:inherit;
font-style:italic;
text-align:justify;
text-transform:inherit;
color:inherit;
padding-left: 10%;
padding-right: 5%;
}
Hello snaxzer,
If you want to show the top bar menu with the log-in registration on mobile mode, you have to use a bit of CSS code to show it. Please try the code below and place it in Theme panel->Custom CSS area.
The code is ->
@media (max-width: 767px){
.td-header-top-menu-full {
display: block!important;
}
}
@media (max-width: 767px){
div.td-header-sp-top-menu {
display:block !important;
}
}
@media (max-width: 767px){
.td-header-top-menu-full {
display: block!important;
}
}
The result you should see here -> http://screencast.com/t/1b80RNnyn
If you want to create another custom login registration, please notice that this is not a simple task and involve custom work. If you want to display more levels in our theme and you are not aware of the steps which you are needed to take in this regard, please consider hiring a freelancer/developer to help you because we cannot provide customization services at the moment, sorry!
Thank you for your understanding!
Hi
Make sure you update the theme following our documentation, also try to deactivate all plugins, clear all caches and remove any custom css/html/php code added in theme’s core files.
As a simple solution you can use this css to hide search button for mobile:
@media (max-width: 767px){
.td-search-wrapper {
display: none;
}
}
All theme’s setting are stored in a filed from database and they can’t be rested to default values from theme panel. These settings can be change/lost only if database it’s affected and any changes are made in the filed which store them.
Thanks!
Hi,
If you use a standard visual composer element, you can use this css to remove the gap entirely:
.td-main-page-wrap{
padding-top:0px!important;
}
On your pages though you use revolution slider and you get a white border from that as well. You can try to see the test page I created on your site (set to private).
Please edit your slide and remove the padding from slide options.
Thank you!
Hello RadGoat,
Unfortunately, we do not recommend to make it bigger your logo because you can damage your layout of the theme. You can use a bit of CSS to do that.
The code is ->
.td-main-menu-logo img {
width:300px;
}
The result -> http://screencast.com/t/T1hRsYCsSUj
Thanks.
Hello,
This issue occurs when you have too many rewrites in css and you can actually see the style being rewritten as CSS works in cascades. Also speedbooster can also cause this as it will move the style.css to the footer. You can try to speed up your site by following this guide: https://forum.tagdiv.com/how-to-make-the-site-faster/ and make sure you do not have any plugin compatibility issue as plugins can also cause this.
Let us know how it goes.
Thank you!
Hello Navito,
Please notice that this is a design element for our blocks and if you want to get rid this bottom hue, you have to use a bit of CSS code to do that. Please try the code below and place it in Theme panel->Cusotom CSS area.
The code is ->
.td_block_14 .td_module_mx1 .td-module-thumb a:last-child:before {
background: none;
}
The result you should see here -> http://screencast.com/t/EDY8Lvp4KXM
If is not what you mean, please provide your website URL so I can inspect it closer your website. Also, you can provide more details about what you want to achieve.
Thank you!
Hello,
1) In order to remove the date and time only from a big grid, you can use css like so:
.td_module_mx5 .td-module-meta-info{
display:none!important;
}
Just add the code in the theme panel->custom css box.
2)unfortunately php 7 is not yet tested with our theme. We recommend version 6.
3) I’m not sure how you are implementing the news ticker, but it can be added in visual composer and filtered like so: http://screencast.com/t/SPUUdUoGG
Please provide an example of how you are implementing the news ticker and where so we can figure out how to help.
4) Hi, the mega-menu sub-categories are shown on the left in the newspaper theme. if you use newsmag, then they will be under the posts and there is no easy way to move them. (If you use newsmag, you also wrote in the wrong forum. I can’t tell as I can’t access your site.)
Thank you!
Helo,
If you want to achieve the white color and the same font-family, please try to use a bit of CSS code to do that. Please try the code below and place it in Theme panle->Custom CSS area.
The code is ->
.td-post-template-3 .td-module-meta-info {
color:white;
font-family:Verdana;
}
The result you should see here -> http://screencast.com/t/LhG8uv2N
For your second request, please notice that if you want to change your Blocks, you have to alter the code from the modules which forming the specific block. Here -> http://screencast.com/t/DPz0E8KfBD1R you can see the list of our modules which are used to forming our blocks and then for each module you have to alter the code like this -> http://screencast.com/t/Sla5IKHO
Hope this helps!
Thanks!
Hi
Thanks for your suggestion. I’ve added it on our todo list and when the time comes developers will consider it. Meanwhile you can use the above css, will work as a built in feature.
Thanks!
Hi,
1) okay thanks but first of all I have to put in in CSS the class before I add my own menu, right? Because I added a menu, but which of those three options should I click? Top Header, Header menu or footer? I think Header menu. But in your sreen you’ve produced a page http://screencast.com/t/i834fsDw . So , do you chose this in menu abd make it a page menu ? Or what is this “custom menu” http://screencast.com/t/WWt2yabWiMv
So, again. I create a menu. Then? Do I pick a page to have this been crated: http://screencast.com/t/7Mtx3fdFGNRd or what do you mean? Excuse me I don’t get this :/
2)Okay, but what is the sense of it? To show not the pictures but only the demo picture (Logo with size) For what do I need those features? What are they good for? If I deactive a module. What advantage do I have from that? This is what I don’t understand.
3) How can I edit these links in the footer section: http://abload.de/img/unbenanntltkmh.png
It is not in the widget area (or footer area) Where can edit this content?
Thanks a lot!
Hi,
I had the similar question a while back, and the support members here suggested me some custom CSS code. You can try adding it to Theme Panel > Custom Code > Custom CSS. You can also modify it to meet your requirements.
.td-next-prev-wrap a {
color: black;
border: 2px solid #696969;
line-height: 25px;
}
Hope this helps you.
Regards
Dhananjay
Hi
Replace the css provided by Bogdan with this one: http://screencast.com/t/nKnhkExl1K – http://screencast.com/t/aBDxEqGroele
@media (min-width: 678px){
.social-media{
width: 640px;
margin-left: auto;
margin-right: auto;
}
}
@media (max-width: 768px){
.social-media .wpb_column {
width: 24.666667%!important;
float:left!important;
}
}
This css will work fine only if you have four columns on row. If you add a new column the values must be updated to the new layout.
Thanks!
Hi
Use this css in theme panel > custom code > custom css: http://screencast.com/t/Sgpqqx9rTR8
.td_block_big_grid_6 .td-module-thumb a:before, .td_block_big_grid_7 .td-module-thumb a:before {
background: transparent !important;
}
Thanks!
Hi
Theme’s style was changed a lot from V 1.5 to V 2.3.6 and you may need some additional customization to have everything set as before. Also our theme wasn’t designed to work with rtl so any additional css code which can replicate that style must be adapted to current theme’s layout.
Thanks!
Hi Bogdan,
A million thanks to you.
1. You are a amazing, I manage to put Facebook Comments now without having a Facebook plugin.
Guys I wanna share this to you anybody out there who tried to put FB comment instead of the default one.
Source: Link Here
Here’s what I did:
1. In order to implement facebook comments, you have to disable the theme comments and then place the facebook comments shortcode in the template files.
You have to do this for every post style you use on your site. every post style has it’s own file.
Theme Panel > Post Settings > ENABLE COMMENTS ON POSTS
Enable or disable the posts’ comments, for the entire site. > Disable – Credits to Bogdan B.
2. Add the following code to header.php located /wp-content/themes/Newspaper
after this line: <body <?php body_class() ?> itemscope=”itemscope” itemtype=”<?php echo td_global::$http_or_https?>://schema.org/WebPage”>
add this code:
<div id=”fb-root”></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = “//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5&appId=XXXXXX”;
fjs.parentNode.insertBefore(js, fjs);
}(document, ‘script’, ‘facebook-jssdk’));</script>
end to before this line: <?php //this is closing in the footer.php file ?> – Credits to Chris S.
3. Add the following code to loop-single.php style and this depends what style number you are using, know or add it to all
styles. My style is loop-single-12.php
add this code:
<div class=”fb-comments” data-href=”<?php echo get_permalink($td_mod_single->post->ID); ?>” data-width=”100%” data-numposts=”5″></div>
end to before this line: <?php echo $td_mod_single->related_posts();?> – Credits to Andrei L.
4. If you are facing this issue “Only one issue–the comment count is appearing twice on our site (www.alaskapublic.org), once in the body of the post and once below. I’d like to delete the upper one. Our comment count is disabled in the theme panel.
Screenshot: http://www.alaskapublic.org/wp-content/uploads/2016/04/Screen-Shot-2016-04-12-at-4.12.41-PM.png” – @sarahglaser
Soln:
Try this css in theme panel > custom code > custom css to hide the first comment counter: http://screencast.com/t/ZyTOiRdT
.fb_comments_count{
display: none;
}
– Credits to Andrei L.
Note to tagdiv staff/admin: Please feel free to remove this comment if not allowed here.
Regards
Hi,
1) In order to add the code besides the author name in the bottom author box, then you need to add it to this file: http://screencast.com/t/ccOh7k2G
2) In order to implement facebook comments, you have to disable the theme comments and then place the facebook comments shortcode in the template files here: http://screencast.com/t/oTnWURqrAb3
You have to do this for every post style you use on your site. every post style has it;s own file.
3) You can use this css to activate the top menu on the mobile version.
@media (max-width: 767px){
.top-bar-style-1 .td-header-sp-top-menu {
display: block!important;
}
.td-header-top-menu-full {
display: block!important;}
.td-header-sp-top-widget{
display:none!important;
}}
Thank you!
Hello Rad Goat,
If you want to remove all the paddings for your logo, please try the code below and place it in Theme panel -> Custom CSS area.
The code is ->
.td-header-style-5 .td-main-menu-logo {
margin-right: 0;
}
.td-main-menu-logo img {
padding: 0 0;
}
The result -> http://screencast.com/t/EHyf0NBy8u
Thanks.