- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsDefault Block Settings Guide
- TutorialsHow to use custom fonts
Hi,
I did not said that you have added that css…it comes from theme’s css and it is added on rows necessary on pages. See more about overflow property – http://www.w3schools.com/cssref/pr_pos_overflow.asp
I have also tested this and NaN appear because you have to enter a value to the “Pie label value” like on Pie value ("Input integer value for label. If empty "Pie value" will be used.") so you have not entered a value there – 77% of all material – is not a value, try 77 and see if you still have that issue (or leave that field empty so it will take “Pie value”).
Make sure that you have set font family also for mobile menu – http://screencast.com/t/uvmDqEwLCe
Thanks!
Hi,
The default style is loading first and because of the cascading property of the css style appears that delay. Please try to add that css code in style.css file: http://screencast.com/t/ZxtvPYp2K
Thanks!
Hi,
I’m not sure what the issue is please provide your site URL so we can take a look.
Also you have to change the css code in style.css file as the default style is loading first and because of the cascading property of the css style appears the delay you have noticed. So try to remove this code – http://screencast.com/t/77pQNXhaN then clear cache and see if it works.
Please note that this change will affect also other headers so if you change the header style revert this change.
Thanks!
-
This reply was modified 11 years by
Alin [tagDiv].
Hi,
I guess that you use style 1 for footer with default widgets, so you can change colors using custom css in Theme Panel > Custom Css – http://screencast.com/t/Tbch8wEM3neS
.footer-text-wrap {
color: red;
}
.td-footer-container .block-title span {
background-color: #AEAD52;
color: #3AA882;
}
.td-footer-container .td_block_7 .entry-title a {
color: #3AA882;
}
.td-footer-container .widget_categories li a{
color: rgb(119, 123, 194) !important
}
Thanks!
Hi,
You have this issue because you use a logo image on header style 10 that was designed for text logo – http://screencast.com/t/249Sl7wuRwwB Header Style 10 was designed for Classic Blog, but you need to use text not an image – http://screencast.com/t/QL9FLAQF
Also if you want to use it like that you can reduce margin using custom css in Theme Panel > Custom Css section – http://screencast.com/t/bJVcDfhA
.td-header-style-10 .td-header-text-logo {
margin: 0 !important;
}
Thanks!
Hi,
It seems to be a css issue for sport stack as on default it looks fine. Please try this custom css in Theme Panel > Custom Css- http://screencast.com/t/CoVpnYTy
.single_template_4 .td-logo-rec-wrap .span4, .single_template_4 .td-logo-rec-wrap .span8 {
top: 0px !important;
margin-bottom: 30px;
}
Thanks!
-
This reply was modified 11 years by
Alin [tagDiv].
Hi,
You will need custom work to achieve that as it will be affected also megamenu pagination and you have to do more customizations.
The simplest way is to do this only for block 8 or block where you want this pagination, so duplicate block pagination function from – http://screencast.com/t/Mryyqad2I0 and change the pagination that you use for block 8 – http://screencast.com/t/9v30EEz0n
And customize with css code to hide the arrows(you have to hide thos as it wont look fine) and the text width – http://screencast.com/t/fONewiriW
.td_block8 .td-ajax-next-page, .td_block8 .td_ajax-prev-page {
background-image: none !important;
}
.td_block8 .td_ajax-prev-page {
right: 121px !important;
}
.td_block8 .td-ajax-next-page {
right: 56px !important;
}
Thanks!
Hi,
You can try this custom css in Theme Panel > Custom Css and ajust margin’s value how you wish: http://screencast.com/t/CfAP5qdh
.post p {
margin-bottom: 30px;
}
Thanks!
Hi,
You could try to add custom ad shortcode in header style 1 – http://screencast.com/t/CUKw2baz and enable header ad only for mobile and also disable custom ad for mobile. You may need some css customizations but you can try and see if it works.
Thanks!
Hi,
I also checked this and seems that it is an issue there. Please use this custom css to change color for author box title – http://screencast.com/t/Qbml0ujSvE
.td_top_authors .block-title span {
background-color: #4D6DEC !important;
}
.td_top_authors .block-title {
border-color: #4D6DEC !important;
}
Thanks!
Hi,
If you want to display avatar next to author name please check this solution – https://forum.tagdiv.com/topic/author-bio-help/#post-45418
You have to use a div if you want to make more customizations and move category code after that div – http://screencast.com/t/WXpdSAfVQW You can use custom css for to look like you wish.
Thanks!
Hi,
Please try this custom css in Theme Panel > Custom Css: http://screencast.com/t/oizhZYJu
@media (max-width: 767px) {
.td-scroll-up-visible {
display: none;
}
}
Thanks!
Hi,
This issue will be fixed in version 5 of the theme, sorry for inconvenience!
Please send me an example with this, a screenshot would be helpful(from backed where it appears customize), also please provide your site’s URL and point me where you use this button so I can inspect this and try to provide a css solution.
Thanks!
Hi,
You can try this custom css in Theme Panel > Custom Css and you can change it how you wish – http://screencast.com/t/qwT0lyhkCx
@media (max-width: 767px){
#td-top-mobile-toggle {
float: right;
}
.mobile-logo-wrap img {
left: 0px !important;
right: auto !important;
}
#td-top-search {
position: absolute !important;
top: 0px !important;
right: 35px !important;
}
.header-search-wrap .dropdown-menu {
left: auto !important;
right: 0;
}
.header-search-wrap .dropdown-menu:before {
right: 15px !important;
left: auto !important;
}
}
Thanks!
Hi,
I have no idea where that custom CSS came from, it doesn’t show in my Custom CSS panel, nor is it anything I wrote.
Where would it come from? Is it necessary?
Hi,
I uploaded 2 logos. A 272×90 and a 544×180 per the recommended size. On my macbook retina the 544 logo loads up to its full size. Is this a bug.
Also I am using heading 7. How do I move the logo to the left? I used CSS but it first loads in the center then floats left. What the correct css?
Clearing cache worked for me when that happened.
Be sure to clear cache on your server and/or CDN also, *and* the web browser. With Chrome you have to clear history, with IE you obviously need to clear cache; FF sometimes cache doesn’t clear properly.
If using mod_pagespeed you have to turn it OFF to clear cached copies of CSS files.
You can also try editing your menu and resaving it to “reset” it.
Hi!
I’d like to add custom css to create white space between the paragraphs in posts. Is this possible and what would be an example code for it?
Hallo,
I have this problem with OUR AUTHORS’ header color.
If I configure the header color it doesn’t take effect. It seems to be influenced by this style
.block-title a, .block-title span, .block-title label {
background-color: #100505;
which I have before used to modify bottom footer headers via child style.
Please howto solve?
please have a look to
powerize.it/test.jpg
Hi,
Thanks! We still have the Shim plugin under development and we are working on it and testing it to ensure that it functions properly with all of the theme elements.
Unfortunately the Shim plugin only works with theme’s elements [vc_empty_space height=”32px”] and [vc_separator color=”grey” align=”align_center”] are VC elements which don’t work with the shim. You can sue custom css though to easily replace those VC elements.
Thanks
Hi,
This could happen due to various reasons, please go trough the adsense troubleshooter pasted below and contact your ad provider if you still can’t manage to make them work: https://support.google.com/adsense/answer/1208336?hl=en
You can also test your ad code using a WordPress text widget to place the ad into your page or sidebar, if your ad code works/was approved this widget should show you ads: http://screencast.com/t/Cv00hEmZhIv – http://screencast.com/t/Yp3N6YnaHiqg
To minify theme’s js and to move the resources to the footer you can use theme’s speed booster plugin which enables and uses a minifyed version of js, for css you need to do it manually as compression it automatically could cause issues and its not recommended.
Also make sure that you go trough the treads/guide below for more info on how to customize your site’s page speed and other matters please follow and use all instructions provided in all this treads:
* https://forum.tagdiv.com/topic/pagespeed/
* https://forum.tagdiv.com/topic/tutorial-chriss-custom-optimizations-for-functions-php-etc/
* https://forum.tagdiv.com/page-speed-guide/
Thanks
Hi,
The plugin may modify the menu structure or may remove some classes and that may cause the theme css to become inactive. Please send an email at contact@tagdiv.com , paste a link to this conversation and provide wp-admin access so i can take a look.
Thank you, Emil G.
Hi,
Sorry for delay, we’ve answered to the most oldest topics and because you’ve added a new reply we missed your post!
I have also checked this, you can use plugin’s shortcode and replace the top menu social share like you wish – http://screencast.com/t/XclcTlcnpIj
<?php echo do_shortcode('[flagicons]'); ?>
And use this custom css in Theme Panel to customize flags – http://screencast.com/t/xRvWPGQqx
.td-header-sp-top-widget a {
float: left;
margin-right: 3px;
}
Thanks!
-
This reply was modified 11 years by
Alin [tagDiv].
Hi,
Thanks Chris!
@awtown The above css code will place the thumb above the title but you can change this if you like how it looks – http://screencast.com/t/9wy1BnfrpkKl Replace with this code in Theme Panel > Custom Css: http://screencast.com/t/9nlnbRRJ
@media (min-width: 768px){
.td-pb-row .td-pb-span4 .td_block_11 .entry-thumb {
width: 180px !important;
margin-left: auto;
margin-right: auto;
}
.td-pb-row .td-pb-span4 .td_block_11 .td-module-title {
padding-left: 185px !important;
}
}
Also if you like with thumb above title like I provided the code first time, please adjust that code like this as it affect also module 10. So this is the right code and I will also edit and change it in my previous post: http://screencast.com/t/qVrW4EhS7
@media (min-width: 768px){
.td-pb-row .td-pb-span4 .td_block_11 .entry-thumb {
width: 180px !important;
margin-left: auto;
margin-right: auto;
}
.td-pb-row .td-pb-span4 .td_block_11 .td_module_10 .td-module-thumb {
float: none!important;
}
.td-pb-row .td-pb-span4 .td_block_11 .td-module-title {
padding-left: 0px !important;
}
}
Thanks!
Hi,
The footer size is the same on page and also on post, but on the page is this custom css on row(this is applied for Visual Composer rows – also in footer it is a row) that’s why it cuts the top border for your widgets titles – http://screencast.com/t/NiUi1zjjv
You can try this custom css to remove overflow for the row from the footer container – http://screencast.com/t/qiueilst
.td-footer-container .td-pb-row {
overflow: initial;
}
Or you can add some top margin for widgets from the footer – http://screencast.com/t/aKLwLHRg
.td-footer-container .widget_pages, .td-footer-container .widget_meta {
margin-top: 2px;
}
Page footer – http://screencast.com/t/Xs6EDCPW6pX
Post footer – http://screencast.com/t/EOC8sLe0akj
Thanks!