- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsDefault Block Settings Guide
- TutorialsHow to use custom fonts
Setting the theme up again – biggest issue was how slowly everything was loading, but fixed that by going with MaxCDN. 2 things brought me back:
1. Theme flexibility w/post types
2. Support
I had some CSS for the theme before, and it’s in the ‘custom CSS’ in the theme options panel.
But I’m not seeing the results on the site: sunnyinkabul.com
For example, I styled quotes thus:
.td_quote_box p {
font-family: ‘PT Sans’, sans-serif !important;
color: #405952;
font-size: 20px !important;
line-height: 27px !important;
text-align: left;
padding-bottom: 16px;
margin: 0px;
}
But not seeing the results on this post:
http://sunnyinkabul.com/2015/03/24/why-the-us-wants-to-forget-about-female-afghan-pilots/
It’s still the same small font it was originally, center aligned, etc.
Use console f12 in chrome, select element to find the css class. I often use this but sometimes end up having to wait fir tagdiv support to point out the right class. Still as they are closed weekends you might try that to experiment.
Howdy tagDivvers,
Sorry to bother you all but I’m a rank newb at this. Scoured your documentation, but couldn’t find anything that helped.
Here is the issue:
I am using Footer style 6 with a widget in the centre column and another widget in the right column. (Left is merely text and not an issue.)
To make everything nice and pretty, my main menu background, the footer background, and the accent colour are all the same color (which is also an accent in my logo).
Unfortunately this means that the hover color in the footer makes the links vanish into the background color.
I am already using a child theme, and have been searching through the Parent theme CSS to try and figure out which line or lines of code are setting the footer link hover colors, but have been unable to find them. I’ve made a few guesses and overrode some lines but nothing has worked. I’ve only been using WP for a few weeks so I’m pretty crappy at it, but this method seemed the right way to go.
The two widgets in question are “Pages” and “Meta”. The site is ctrlp.press.
Thank you in advance for your kind assistance. Crap, it always seems to be Friday afternoon in N. America when I have a problem lol…
I cannot, for the life of me, find where under Custom Typography I can change the size of the titles of posts that appear when using the Block 10 element. I can isolate everything other font but that one! Or I can change the CSS for it but, again, I don’t know where I would do that. Thanks in advance for any help with this.
This is what I see in your robots.txt file, so apparently not cached …
User-agent: Googlebot
Disallow: /cgi-bin/
Disallow: /wp-admin/
Disallow: /wp-content/plugins/
Allow: /wp-content/plugins/*.css
Allow: /wp-content/plugins/*.js
Disallow: /wp-content/mu-plugins/
Disallow: /wp-content/cache/
Disallow: /wp-content/themes/
Allow: /wp-content/themes/*.css
Allow: /wp-content/themes/*.js
Allow: /wp-content/themes/*.gif
Allow: /wp-content/themes/*.png
Allow: /wp-content/themes/*.jpg
Disallow: /*.php$
Disallow: /*.inc$
Disallow: /*?
User-agent: *
Disallow: /cgi-bin/
Disallow: /wp-admin/
Disallow: /wp-includes/
Disallow: /wp-content/plugins/
Disallow: /wp-content/mu-plugins/
Disallow: /wp-content/cache/
Disallow: /wp-content/themes/
Disallow: /*.php$
Disallow: /*.js$
Disallow: /*.inc$
Disallow: /*.css$
Disallow: /*?
# permitir o adsense em qualquer url
User-agent: Mediapartners-Google*
Disallow:
Allow: /*
# majesticseo.com
User-Agent: MJ12bot
Disallow:
#Sitemap
Sitemap: http://emagrecersemdieta.com.br/sitemap.xml.gz
I would likely try REMOVING everything in your robots.txt file.
Perhaps remove this: Disallow: /wp-content/themes/
Figured it out myself with some custom css to add in the custom css-section.
/* Make Social Couter buttons always visible (also on small screens) */
.td_social_button {display: inline !important;}
Hope it can help someone else with the same problem 🙂
Hi,
Do you use child theme? As you just ask if you can add this in child theme, so if you have activate child theme you have to make this change there(then the css style from child theme is applied), if not it should work in main theme. I also checked this in main theme and it works.
Thanks!
Hi,
Please try this custom css for this: http://screencast.com/t/vej1qO7y3
.fb_iframe_widget {
display: block;
text-align: center;
}
Thanks!
Hi,
Setting the z-index to 0 for the rev slider usually solves this so make sure you use this custom css in theme panel custom css section:
.rev_slider_wrapper {
z-index: 0 !important;
}
If this dose not solve this please also provide your site’s ulr as we need to inspect this to provide and accurate solution on this.
Thanks
Hi,
Did you enabled top menu from Theme Panel? – http://screencast.com/t/IE1skPN9PlQO as I have checked your site and the top menu is not visible also on desktop, that css help you to show it on mobile devices(where is hidden) – http://screencast.com/t/ce6z8jXRAZSv
Please check if you have this issue with smartsidebar also without any plugins active, leave only Visual Composer active and clear cache. Also test it without js/css minification.
About loading time please test your pagespeed https://developers.google.com/speed/pagespeed/insights/ and try to fix those errors. You can find out more about this in our documentation – https://forum.tagdiv.com/page-speed-guide/ and also Christopher topic help – https://forum.tagdiv.com/topic/tutorial-chriss-custom-optimizations-for-functions-php-etc/
Thanks!
Hi,
You can add an extra class to your tab block – http://screencast.com/t/PNWF9w1hSF
And modify it via custom css: http://screencast.com/t/JOPUmebw
.test.wpb_tabs .ui-tabs-nav .ui-tabs-active a {
color: white;
background-color: red !important;
}
.test.wpb_tabs .wpb_tabs_nav li {
width: 20%;
}
.test.wpb_tabs li a {
padding: 10px !important;
font-size: 18px;
}
Thanks!
Hey Alin, I tried to add the min height in the main themes css and nothing changes. I have it just like this:
}
.td-top-menu-full {
background-color: #222222;
z-index: 3;
position: relative;
min-height: 55px;
}
Hi,
You have to search that class from screenshot and add min-height there. Also padding css you can try to leave it in Custom Css section from Theme Panel.
Yes, you can try it in the child theme and see if it works. We have changed the child theme system and because of that at the moment some files can’t be overwritten via child theme, but the files from the root of the theme should work. If it doesn’t work, please make you change in the main theme file.
Thanks!
Hi,
1. The images are cropped for different sizes to be used on modules and you have this issue because of image aspect ratio. You can change the height size so the aspect ratio of the image to be closer to the aspect ratio of the picture – http://screencast.com/t/Uor66sP8FL0 but unfortunately there isn’t an ideal image size so it can look good on all thumbs, also depends which blocks/modules that you use for aspect ratio and you have to do some tests and see what aspect ratio to use.
You can find out more about cropping here – http://www.davidtan.org/wordpress-hard-crop-vs-soft-crop-difference-comparison-example/ – https://codex.wordpress.org/Function_Reference/add_image_size
2. Please try this custom css in Theme Panel > Custom Css: http://screencast.com/t/pxATV4cS
.td-g-rec-id-header .adsbygoogle {
top: 5px;
}
.td-logo-rec-wrap {
min-height: 100px;
}
Hope this helps!
Hi,
Please try this custom css in Theme Panel > Custom Css: http://screencast.com/t/dnilXCwnS
.td_normal_slide .td-sbig-title-wrap .td-sbig-title {
text-transform: initial !important;
}
Hope this helps!
Hi,
You can set excerpt length for modules/blocks from Theme Panel > Excerpts for example Block 1 use module 2 and module 3(only module 2 has content) – http://screencast.com/t/em4OoFsby0w – http://screencast.com/t/S5xDNcEi
Also you can use some blocks without excerpt: http://demo.tagdiv.com/newspaper/block-3/ – http://demo.tagdiv.com/newspaper/block-4-2/
You also can hide excerpt only for your homepage using custom css in Theme Panel > Custom Css: http://screencast.com/t/jr8amIOPeGH
.home .td-post-text-excerpt{
display: none !important;
}
Thanks!
Hi,
You can try this custom css and you will reduce the bottom margin for all Sidebar ads(Theme Panel > Ads > Sidebar Ads) when is used adsense code there: http://screencast.com/t/XvyBDsLa
.td-g-rec-id-sidebar .adsbygoogle {
margin-bottom: 0px !important;
}
Thanks!
Hi,
You can try this custom css: http://screencast.com/t/invETXHBn
.td-social-sharing {
display: none;
}
Thanks!
-
This reply was modified 11 years by
Alin [tagDiv].
Already did some changes to my robots.txt, especially deleting googlebot blocks, but it didnt see to work yet. I did it yesterday, updated manually in webmasters google tools, and its still saying its not mobile-friendly.
I used Emil suggestion from http://www.davidtiong.com/is-my-wordpress-responsive-website-mobile-friendly/
This is my robots now:
User-agent: Googlebot
Disallow: /cgi-bin/
Disallow: /wp-admin/
Disallow: /wp-content/plugins/
Allow: /wp-content/plugins/*.css
Allow: /wp-content/plugins/*.js
Disallow: /wp-content/mu-plugins/
Disallow: /wp-content/cache/
Disallow: /wp-content/themes/
Allow: /wp-content/themes/*.css
Allow: /wp-content/themes/*.js
Allow: /wp-content/themes/*.gif
Allow: /wp-content/themes/*.png
Allow: /wp-content/themes/*.jpg
Disallow: /*.php$
Disallow: /*.inc$
Disallow: /*?
User-agent: *
Disallow: /cgi-bin/
Disallow: /wp-admin/
Disallow: /wp-includes/
Disallow: /wp-content/plugins/
Disallow: /wp-content/mu-plugins/
Disallow: /wp-content/cache/
Disallow: /wp-content/themes/
Disallow: /*.php$
Disallow: /*.js$
Disallow: /*.inc$
Disallow: /*.css$
Disallow: /*?
# permitir o adsense em qualquer url
User-agent: Mediapartners-Google*
Disallow:
Allow: /*
# majesticseo.com
User-Agent: MJ12bot
Disallow:
#Sitemap
Sitemap: http://emagrecersemdieta.com.br/sitemap.xml.gz
Whats next?
Hi,
I have added to custom css field.
Still mobile header menu is not visible.
Please check the link http://www.thebeautymadness.com
Also I enabled sticky side bar but it is not working
Rest all features are working perfectly,Thanks a lot for the theme.
One point of improvement i see the load time is average ~5 seconds which is quite high.
Please suggest,
Thanks A lot
So I only have this problem with visual composer, particularly the vc_asset_url function…
its calling my other websites complete directory URL by using this
<script type='text/javascript' src='http://urbanmusichq.co/wp-content/plugins/home/admin/domains/beatzmag.com/public_html/wp-content/plugins/js_composer/assets/js/js_composer_front.js'></script>
when it actually is suppose to use
<script type='text/javascript' src='http://urbanmusichq.co/wp-content/plugins/js_composer/assets/js/js_composer_front.js'></script>
Any suggestions? It use to be doing it to my CSS file but i manually added the CSS file in.
I need help with setting up a tab style with css like this here. something like this http://deco-pbtz.blogspot.com/2013/11/sample-post-with-links-paragraphs-and.html
we just want wordpress and facebook comment for now, please help..
Hi,
You can import Sport stack and you will get the same result without any custom css: http://screencast.com/t/Og0JKw2y – http://screencast.com/t/ShMNcG9fD Please note that if activate a stack, it will import only settings like fonts, colors…
Also after that you want the logo in the menu you can change the header style – http://screencast.com/t/RR15M4oPfT
Result: http://screencast.com/t/JQcN951KRcQa
Please follow theme documentation – https://forum.tagdiv.com/newspaper-documentation/ and let me know if you have other issues related to the theme.
Thanks!
Hi,
If you have so many resources you cannot stop this error, but you can use the tagDiv Speed Booster plugin to move the css and js at the bottom of the page and try to avoid the page render blocking: https://forum.tagdiv.com/how-to-make-the-site-faster/ – https://forum.tagdiv.com/pagespeed-guide/
Also you can read Christopher tutorial – https://forum.tagdiv.com/topic/tutorial-chriss-custom-optimizations-for-functions-php-etc/ and you could try to also test this without plugins and check to see if you noticed any differences.
Thanks!
Hello i have check my website into validatorW3 but have many error, is possibile to fix it?
thanks 🙂