- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsDefault Block Settings Guide
- TutorialsHow to use custom fonts
Hi,
Please do send us your admin details via email so we can have closer look at this and also make sure if you use any js/css/html compression you tun it off, also empty all caches and purge cdn files if using an cdn host then test again without any plugins active, besides theme’s plugins.
Address us at contact@tagdiv.com via email and also include a link tot this tread. We will get back back to your with an answer as soon as possible.
Thanks for the message!
Hi
Add this custom css in theme’s style.css file: http://screencast.com/t/VHV1YSbrir
.td-view-counter{
display: none!important;
}
Let me know how it goes.
Thanks!
Hi,
Please follow this guide to upgrade to the version 6 of the theme – https://forum.tagdiv.com/how-to-update-the-theme-2/ Make 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. Then update also the theme plugins: Visual Composer (also optional plugins Social Counter, Speed Booster if you use them). You will have to run the script that will import from database your settings, will change the shortcodes(see docs)…
Please note that Newspaper 6 is practically a new theme, so if you have old custom modifications to the files or custom css will not work, you will have to adjust and re-add them. Unfortunately you have to re-add the widgets to your sidebars(the custom sidebars will be imported – you don’t have to create them again) as they will become inactive or doesn’t exist in version 6.
Hope this helps!
Hi @ronaldliive,
You have below my recommendation on this:
1. To change the background color for sidebar you can use custom css as Chris suggested above, try this css code and add it in theme panel > custom css:
.td-main-sidebar{
background-color: aliceblue!important;
}
If you’re using a Visual Composer sidebar, the background color from column settings: http://screencast.com/t/ch0SpVxy – http://screencast.com/t/UGJOrSq1N
2. The first element is big grid 4 with with style 7 for layout: http://screencast.com/t/g19xf2RaiTp and second is big grid 5 with style 5: http://screencast.com/t/xkrEMpudb Those grids are available in Visual Composer plugin: http://screencast.com/t/BInPLbXt1zP
Thanks!
Hi,
1. Try the following css: – http://screencast.com/t/2W93kIfgMAxm
.td-header-style-4 .td-header-header {
background: white url('http://imgscenter.com/images/2014/09/13/Beauty-of-nature-random-4884759-1280-800.jpg') no-repeat;
background-size:cover;
}
2. Use the following css: – http://screencast.com/t/BoHwgXSBsW
#menu-td-demo-header-menu-1{
display: table;
float: none;
margin-left: auto;
margin-right: 0;
}
Thank you!
-
This reply was modified 10 years by
Emil G.
Hi,
Please provide more details on how did this happen, did you changed something before it got broken?
Did you added any custom CSS? or made any custom modifications on the theme?
If you did try to remove those changes and see if the issue is still there.
Also try to disable all plugins except for Visual Composer and BBpress and check again.
Thank you!
Hi,
I have checked your site and your have a javascript error that may cause this issue – http://screencast.com/t/uRNcju4bZQ
Please disable all your plugins except of Visual Composer, clear cache and see if you still have this issue. Also disable all js/css minification and CDN.
Thanks!
Hi,
The theme doesn’t have an option to change the font for a specific category, you will need custom modifications for this. You can try to use category id and change the font using custom css for example for articles title – http://screencast.com/t/FanjYscbQN63 – http://screencast.com/t/caVZyfRCue
.category-103 .td-module-title{
font-family: Actor !important;
}
Thanks!
Hi,
You can comment the line until we find a permanent solution. td_less_editor-style.php is a less compiler for the backend tinymce when you edit a post. We will remove it soon and replace it with a static css and our custom css interpreter.
Hi,
I also had some issues with the scroll up button. It still doesn’t work for me in some rare cases like old ie mobile devices, but it’s like 0.1% of visitors so I don’t care.
In your case, it can be a bit of css:
line 20212 of style.css (newspaper 6.4)
@media (max-width: 767px) {
.td-scroll-up-visible {
display: none;
}
}
I think it should be like this (at least I changed mine and it shows the button in mobiles):
@media (max-width: 767px) {
.td-scroll-up-visible {
display: block !important;
}
}
You can try to replace the code in style.css file or paste the second block of code in the “custom css” section of the theme panel.
Hope this helps, cheers!
Hi,
try pasting the following css in the theme panel, in “custom css”:
.td-grid-style-1 .td-module-thumb a:last-child::before {
background: none;
}
The overlay is meant to make the titles readable in case the photo is too white like the titles, but your images are dark at the bottom, you should be fine. You can also add overlay to just the titles like we did in the big slide at infoporto.pt
Hope this helps, cheers!
Hi,
I have checked your site and you use header style 10 and the logo is center – http://screencast.com/t/GGF4XVLJModD
Please provide more details about what you are trying to do. Newspaper 6 is practically a new theme and the old custom css will not work. So please set your header style that you want to use and provide more details what you want to do maybe I can help you with custom css.
Thanks!
Hi @ctomlin,
We’re very sorry for all the trouble you’ve experienced. Newspaper 6 is a whole new theme that is released for free for all of our existing customers so an update from 4 to 6 may cause the same issues as switching to another theme (but we did try to maintain compatibility where ever possible).
Always make 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, will change the shortcodes… Also you have to update the child theme, please note that old files customization or custom css will not work with the new version and you will have to adjust and re-add them.
Hope this helps!
Hi,
There is a top margin on main menu – http://screencast.com/t/wi6GhbgsR You can remove/decrease it using custom css in Theme Panel > Custom Css:
.td-header-style-7 .sf-menu {
margin-top: 28px;
}
Thanks!
Hi,
I guess that you use the version 4 of the theme, so you can try this custom css in Theme Panel > Custom Css – http://screencast.com/t/4UFdgqPm
@media (max-width: 767px) {
.td_mod8 .thumb-wrap img {
width: 100%;
max-height: 100% !important;
max-width: 100% !important;
}
.td_mod8 .item-details {
margin-left: 0 !important;
top: 0!important;
}
}
If it doesn’t work please provide your site url so I can inspect this.
Thanks!
Hi,
I’m trying to change the highlight colour of the main menu selected item. I have found this post which partly solves the problem Black bar underneath selected menu item but for some reason my site is showing two highlights, one from the theme and a second from the CSS code:
http://www.screencast.com/t/Rf04DKy6Vw
The code I’m using is:
/* Sub main menu background colour */
.sf-menu ul .td-menu-item {
background-color: #494949;
color: #ffffff;
}
.sf-menu ul .td-menu-item a {
color: #FFF;
}
.sf-menu > .current-menu-item > a, .sf-menu > .current-menu-ancestor > a, .sf-menu > .current-category-ancestor > a, .sf-menu > li > a:hover, .sf-menu > .sfHover > a {
border-bottom: 4px solid #F10808;
}
Many thanks
Hi Alin,
Thanks for your answer. My question is maybe stupid, but as my child theme only has a style.css file, how is it possible to update it ? Cause, if I’m right, if i copy the style.css included in /code folder, it will delete the changes I done to the style.css file ?
Hello TagDiv,
I’m trying to customize some things, mostly on the main navigation for now but I’m facing some problems.
I’ve made all my changes in the custom css part of the theme panel.
Here are the problems:
– 1 : http://www.screencast.com/t/9Jn5kT1NWhen – I’ve set the current color to the custom css, this problem appears when a sub-menu item is current page.
– 2 : http://www.screencast.com/t/beDa7XN0 – A blue background still appears for 1-2 seconds after the mouse hover switch to another menu item.
– 3 : http://www.screencast.com/t/UACpiaAG2d6Q – All the hover effects are also applied to the sub menu item which is not on mouse hover yet, I want these effects but only on mouse hover.
– 4 : http://www.screencast.com/t/PyrTFXEIO1 – Which line I should add to the custom css to make the sub menu a little bit longer ? Is changing values (right value and add some left/right margin) to “.sf-menu .sub-menu .td-icon-menu-down” correct ?
– 5 : I’m using Post Template style 3 as a Default post template, I would like the featured image on top of the post to be 300px height. How can I add a new thumbnail size and set it to be used for the post template ?
Here is a copy of my custom css : http://pastie.org/pastes/10386971/text?key=uc8xosiq02o5rbhhpe21lq
Thank you for your time and help.
Hi,
I have nailed it down to CDN for beginning, once CloudFlare CDN disabled, search box and slide menu started to work – so my question here, what could be in CloudFlare causing this, as I would really like to use this CDN? I tried with RocketLoader off, with JS/CSS/HTML minify off settings – but no good – as soon as CloudFlare CDN on – menu and search stop working đ
Next thing I managed to find out is minification plugin “WP Optimize By xTraffic” – it is a great plugin, it made me go to 100/100 in demo theme – but it causes iPhone Ajax issues.
This plugin minifies everything, as well it makes CSS and JS load Async. Great stuff – but if I can not use it, what do you suggest to use for minification and async load of CSS and JS?
Thanks!
Hi,
It seems that it is a little different for Newspaper as here you can use font icon like on the default share buttons – http://screencast.com/t/7lmCBI7eqr87 and just add this custom css for background color: http://screencast.com/t/ujuSNNV6
<a class="td-social-sharing-buttons td-social-linkedin" href="http://www.linkedin.com/shareArticle?mini=true&url=' . urlencode(esc_url(get_permalink())) . '&title=' . htmlspecialchars(urlencode(html_entity_decode($this->title, ENT_COMPAT, 'UTF-8')), ENT_COMPAT, 'UTF-8') . '&source=' . urlencode(get_bloginfo('name')) . '" onclick="window.open(this.href, \'mywin\',\'left=50,top=50,width=600,height=350,toolbar=0\'); return false;"><i class="fa fa-linkedin"></i></a>
.td-social-linkedin{
background-color: #006699;
}
Hope this helps!
-
This reply was modified 10 years by
Alin [tagDiv].
Hi,
Yes, you are right on browser emulator seems to work. You still have css/js minification.
What cache plugin do you use? We recommend Wp Super Cache now used by default, no minification. Sometime it is not enough just to disable the cache plugin for example W3 Total Cache, even if you delete the plugin issues may still remain. Also please disable clodflare Cdn when you check this.
If you still have this issue you can send an email at contact@tagdiv.com and provide wp-admin so we can take a look, also paste a link to this topic so we can know who you are and what you issue is.
Thanks!
Hi,
You can use custom css to hide the post views: http://screencast.com/t/536E9rjPT3
.td-post-views {
display: none !important;
}
Thanks!
Hi,
@gagosg You don’t have sign in widget active on your site, maybe I can help you with the custom css.
Thanks!
Hi,
I’m not really sure how it looks or how should look on your side. Did you have any custom css on tabs?
I have also tested on my side and did not found any issues with tabs, even with the old shortcode. This change had been made by VC developers from version 4.6 – http://screencast.com/t/mQfnGtWq2Zov and the theme doesn’t have any css code for tabs to change the look.
You can try to use an older version of VC and see if it looks the same.
Thanks!
-
This reply was modified 10 years by
Alin [tagDiv].
Hi there,
Could you please help me with adding a backgroung image to header style 4 and move the menu items to the right side?
I tried the following to add the background image but to no avail
/* Change Menu Background Image*/
.td-boxed-layout .td-logo-rec-wrap {
background: url(http://(deleted URL).png) !important;
}
I’ve added this to my Newspaper child team folder under Style.css
Thanks
FP