- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsDefault Block Settings Guide
- TutorialsHow to use custom fonts
I have noticed that the sidebar isn’t in the usual position for style 5. How can I correct this with CSS or any other way? Screenshot: http://take.ms/uPyHu
Site URL: http://snowwatch.org.uk/weather/will-it-snow
-
This reply was modified 11 years by
Daniel Finch. Reason: Add Site URL
Not having any issues with the theme and mod_pagespeed running on Apache.
Obviously you should look at the rendered text and check for validation of closed CSS elements, which might be broken from a plugin or customization done.
Various tools can tell you if a bracket isn’t closed properly for some reason. Of course this might also show up in the audit function of Chrome’s developer tools, or check in Dreamweaver, etc.
Hi guys,
Can I remove editor-style.css without destroying the theme, since it only contains:
/*
Hello,
the editor style used by the theme is located in /less_files/editor-style.less - it's a less file and it's compiled on runtime
~ tagDiv
*/
Hi,
You could try to do it via custom css and use media query’s to target the mobile screens and hide the sidebar.
Thanks
Hi,
Please use this css: http://screencast.com/t/PTnIBUq7kAL
blockquote p {word-break: break-all;
}
Thanks
Hi,
The current icons is added using css and the newsmag font like this: http://screencast.com/t/YTiWaIaWBu
You can do this via css and add the icon as a background image url or you could for eg use font awesome and use the same method to add another icon.
You cloud also do this by editing the header-menu file and add the img icon like this: http://screencast.com/t/PZ6fw3mKSXr
Thanks
Hi,
I understand please use this css:
.td-post-sharing .td-classic-facebook iframe {
width: 130px !important;
}
I have also tested this and this css should fix this: http://screencast.com/t/ehX3QSUPTH
Please let me know!
Thanks
-
This reply was modified 11 years by
Lucian.
Hi,
@Novaque Thanks for your suggestion I will add this on our feature requests list and we will consider it for future updates.
@gmdirect Try to add it in the post template at the top of the loop-single.php file or in the single.php file , like this: http://screencast.com/t/R6Yno1Tyf
To hide it on mobiles use this css:
@media (max-width: 767px) {
.td_block_trending_now {
display: none;
}
}
Thanks
Hi,
This could also be due to the speed booster plugin version 3.0 that was provided with the latest theme version, which is 4.6 (by mistake we have added 4.5d).
Other than this css flash which appears only when using the speed booster plugin the theme should work fine so please make sure that you empty all cache the purge files if you use any CDN host service then disable all plugins and check again.
Hope this helps! Please let me know!
Thanks
Hi,
Than dose not mean that the plugin doesn’t work, it dose work as I have noticed that most of the theme js and css is located at the bottom and this is happening because when using using rev slider plugin the jQuery js isn’t moved at the footer, this is set by the plugin: http://screencast.com/t/RKRJBE6d
I suggest you should also follow this topics to find more info about this and also different solutions regarding issue that you may encounter while searching for “How to get the best pagespeed score”:
* https://forum.tagdiv.com/topic/can-i-add-plugins-css-to-footer/#post-6348
* https://forum.tagdiv.com/topic/pagespeed/
Hope this helps!
Thanks
Hi,
You can use an custom css like this as this is the only way you can customize the breadcrumbs: http://screencast.com/t/uv01pf7wA
.entry-crumbs {
font-size: 20px !important;
line-height: 14px !important;
color: #EA1637 !important;
}
Thanks
Hi,
Use this custom css: http://screencast.com/t/tzapOA8m9hCB
.similar-articles .td_mod_wrap .entry-title a {
font-size: 60px;
}
Thanks
Hi,
is there anyone who can help me to change the color of the category tags on modules and blocks? I can change it via the chrome inspector but the custom css changes don’t show any result.
I tried this:
.td-post-category {
padding: 1px 5px 1px 5px;
background-color: #f0c !important;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size: 9px;
font-weight: bold;
font-style: normal;
color: #ffffff;
margin-right: 5px;
position: relative;
/* responsive portrait tablet */
}
My website: http://www.stylezebra.de
Thanks or any ideas,
Carolin
Hi,
I have checked your site and found this js errors in your console which can cause this: http://screencast.com/t/hLWlx93tGya
Please make sure that you deactivate all plugins, empty cache, purge files then check again as this should not happen and most likely it’s caused by a plugin conflict.
Regarding the sitemap I haven’t seen it in your case but this could happen due to the speed booster plugin which moves js scripts and css stylesheets to the footer and could cause a delay on loading the resources so this could happen.
In the last theme updated we have also updated the speedbooster plugin to version 3.0 but unfortunately we have some issues with it which case this flash you see when loading the page.
Until we release the next theme update we suggest you send us an email at contact@tagdiv.com with a request for the previous version of the plugin and we will send it to you.
Sorry for the inconvenience and thanks for the message!
Responsive Ad system looked really good on my demo site (with the provided fake images) but for the live site I need to use the actual google code.
Now Google Adsense has the ability to create a responsive unit. But for that you need to add some widths etc.
I tried to figure them out from the css but I am unsure if I did it right because the squared ones does not seem to load on smaller screens.
<style>
.wpi-homepage { width: 200x; height: 200px; }
@media(min-width: 1018x) { .wpi-homepage { width: 250px; height: 250px; } }
@media(min-width: 1200px) { .wpi-homepage { width: 320px; height: 250px; } }
</style>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- WPI Homepage -->
<ins class="adsbygoogle wpi-homepage"
style="display:inline-block"
data-ad-client="ca-pub-"
data-ad-slot=""></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Any suggestions?
This is usually from a slow connection where the CSS is loading too slowly. Some CDN/caching settings can cause that, and sometimes the tagdiv speed booster plugin.
Ok, thanks.
I started to do as you said. I downloaded theme from my account on themeforest, in update log there is information about version 4.6, but after update in theme panel on my site i see Version: 4.5d. Is it demo or something? In css file it’s version 4.6 as well.
And i can’t find responsive settings in theme panel, did you remove them somewhere?
I followed the documentation regarding the speed booster plugin:
https://forum.tagdiv.com/how-to-make-the-site-faster/
Now I noticed google detecting 5 scripts
…-includes/js/jquery/jquery.js?ver=1.11.1
…s/jquery/jquery-migrate.min.js?ver=1.2.1
…mepunch.tools.min.js?rev=4.6.0&ver=4.0.1
…ch.revolution.min.js?rev=4.6.0&ver=4.0.1
…cator/external-tracking.min.js?ver=6.4.8
So let’s check the script in functions.php:
registered scripts<br>
admin-bar | /wp-includes/js/admin-bar.min.js<br>
contact-form-7 | http://www.wordpressinside.info/wp-content/plugins/contact-form-7/includes/js/scripts.js<br>jquery | <br>
tp-tools | http://www.wordpressinside.info/wp-content/plugins/revslider/rs-plugin/js/jquery.themepunch.tools.min.js?rev=4.6.0<br>
revmin | http://www.wordpressinside.info/wp-content/plugins/revslider/rs-plugin/js/jquery.themepunch.revolution.min.js?rev=4.6.0<br>
td-external | http://www.wordpressinside.info/wp-content/themes/Newspaper/js/td_external.js<br>
td-site-min | http://www.wordpressinside.info/wp-content/themes/Newspaper/js/min/site.min.js<br>registered styles<br>
admin-bar | /wp-includes/css/admin-bar.min.css<br>contact-form-7 | <br>
rs-plugin-settings | http://www.wordpressinside.info/wp-content/plugins/revslider/rs-plugin/css/settings.css?rev=4.6.0<br>
boxes | http://www.wordpressinside.info/wp-content/plugins/wordpress-seo/css/adminbar.min.css<br>google-font-rest | <br>
td-bootstrap | <br>td-theme | <br>js_composer_front | <br>js_composer_custom_css | http://www.wordpressinside.info/wp-content/uploads/js_composer/custom.css<br>
Two I could find: epunch.tools.m and evolution.min. So I end up with revmin and tp-tools.
However by default this is already in the plugin
$this->move_js_to_footer('revmin');
So for some reason my plugin is not working :(.
Any suggestions?
Yes, custom CSS would be needed for that.
Usually simplest way to do micro customization.
I change some stuff like the giant blockquote text and some other things, myself. And the custom CSS sticks with each theme update, which is nice.
Hi,
You can use custom css to change the menu icon and color like this: http://screencast.com/t/sLwhGmV4jIX3
#td-top-mobile-toggle i {
background-image: url('');
}
.td-icon-mobile:before {
color: brown;
}
Hope this helps!
Thanks
Hello,
I noticed the Breadcrumbs already have SEO that is awesome :). However I would like to adjust their size and color a bit. Now I have been looking in the documentation and theme panel but so far I haven’t found them.
Do I need to write custom css or did I miss a setting somewhere?
Hi,
It looks fine on my side as you can see here: http://screencast.com/t/K36mrAGem the css applies as it should.
Please provide a link to a post that has a higher number of fb likes so I can double check this.
Thanks
Hi,
1. I’m not sure what your issue is so please provide more details about it. You could also determine if this is related to the child theme use by switching to the main theme and notice if something changes. We also had some issue with the child the in the previous them versions but we have fixed them in the latest version of the theme(1.2) so please make sure you also updated the theme and the child theme also and let me know if this still happens.
2. You can activate and use the speed booster provided with the main theme.
3. Please use this custom css in theme panel > custom css filed:
.page-nav .pages {
display:none;
}
4. Not sure what issue you have with this, please provide more details, a screenshot would also help.
5. You can do it form appearance > menus and build your own footer menu: http://screencast.com/t/7e9BrB9zPqmz
You can also see more info about the footer here: https://forum.tagdiv.com/footer/
Hope this helps!
Thanks
Hi,
Please use this custom css and add it in theme panel > custom css field: http://screencast.com/t/XeTyx0Vm1
.similar-articles .block-title span {
font-size: 30px;
}
Thanks
Hi,
Yes, please use this custom css in theme panel > custom css filed: http://screencast.com/t/tXh3KdgZo
.td-more-articles-box {
right: auto;
left: 0px;
}
Thanks