May be this related to your quote ? “Please notice that by default, the style.css file is directly moved to the footer when the speed booster is active.” https://forum.tagdiv.com/topic/page-has-1-blocking-css-resources-js_composer-min-css-ver4-11-2/#post-107560
I made it active using your tutorial in forum. I have other plugins installed and did this http://screencast.com/t/RZLIOPUNdqh
Hi. Yes, is possible 🙂
Following the guides and forum I reached using Comet Cache, tagDiv Speed Booster, etc.
all nice, added in tagDiv Speed Booster the codes, removing statistic plugin by histats (js hosted at them), no ads.
but since I want to add some ads, and back my statistic plugin or other I need to get those 5% I miss:
Eliminate render-blocking JavaScript and CSS in above-the-fold content : style.css
– if I add
$this->move_style_to_footer_queue('td-theme');
then is showing in pagespeed/insights back (reverts) all the changes I made… so, not good.
– if I add ‘td-theme’ line above and remove any other block that contains ‘td-theme’ in Speed Booster it crashes.
– There is a way to fix style.css render-blocking?
i ask, since i followed all the other codes, used them, it works, but not for style.css …
– other note: adding (‘js_composer_front’) breaked my homepage, any page I do with composer is showing a vertical line on the left side of the theme. so I now use only latest posts as homepage, to look fine.
– on mobile I have 84 / 100 just because of the same error, style.css in the screen above.
using wp 4.4.2 and v2.3.5.
Hello Catalin,
first of all thank you very much for your reply! Some few points still are not clear.
5a) Okay via CSS. Are these buttons here also coloured via CSS? http://demo.tagdiv.com/newspaper/td-post-26-most-anticipated-hotel-openings-in-2016/ (Lifestyle, Travel)
9b. No i Dont’t mean the smooth scroll. What I want to know is, how can the picture can be fixed while I scroll until it is not seen anymore.
Watch here http://abload.de/img/unbenannt1bjgw.png
———————————-
How can i create a page menu correctly ? I tried it with your guide but it looks not right.. Watch here: http://www.gefrierschrank24.net the menu point “page content” . the whole page content is shown instead of a short excerpt.
How is it possible to have two different sidebars at one page? Like here:
http://demo.tagdiv.com/newspaper/
Thank you very much!
I have the same solution to do but I try to use this css but on iOS don’t show the top bar menu this is my web site https://www.thunhoon.com/, Please provide the best solution
thank you
for (2)
you should look at using WooCommerce which is likely to have the plugin for Stripe/PayPal.
WordPress themes don’t have ecommerce built in, that is handled by the top three ecommerce plugins for WordPress, like WooCommerce, etc., and then you use different payment modules inside of that solution.
You will likely have a very long wait for “built in” ecommerce capability in any WP theme (like “never”).
for (1)
you would likely need to find a debug tool and figure out which CSS is not working, or perhaps create a new @media size/breakpoint specific to that phone. The web browser built into that phone might not be compliant with modern web standards like HTML5/CSS3, if its not Chrome-based.
Since the theme is responsive, that means it resizes and serves up modern HTML/CSS based on the “viewport” … so, if you figure out what the “size” your phone is using, you can adjust/create an @media query for that size/shape, assuming the browser on that phone understands modern HTML5/CSS3/etc.
Note that things like Visual Composer, and external plugins are not built by TagDiv, so you’d need to address compatibility concerns for THAT to the respective plugin developer for Visual Composer (WP Bakery).
(( I don’t work here; just lurking today re theme updates …. but above is fairly common sense and might help you with your unique situation … ))
Hello gauravkohli,
Unfortunately, your steps are not ok. First of all, please try to make a clean install, without any copies and replacements of style.css. For more information about how to update your theme, please check our documentation here -> https://forum.tagdiv.com/how-to-update-visual-composer-plugin/ and then, after you have the latest version of the theme you have to check your old CSS in Theme panel->Cusotm CSS area and see if this will apply to your new version if this is valid. If your custom CSS is valid and are applied to the latest version you leave on Theme panel->Custom CSS box or you can move the code in the bottom of the file in style.css.
Hope this helps!
Thank you for the message!
Hi
Our theme load the css in header as you can see here: http://screencast.com/t/RZqlmhXuHRqh However when it comes to page-speed there are many factors which can influence it. First is not recommended to have many resources in page’s header because the page load it’s slowed down. Also you can’t move all resources in footer because some of them are required in header. Our theme is very complex and we decided to keep the css in header for a nice layout on page’s first load. However this may slow your page speed as the css it’s pretty big and its loading may take some time.
Other sites which use other themes may have a high page-speed keeping lots of resources in header, if these resources have small sizes or are loaded using a deffer system.
Thanks!
Hey,
I am hosted with Managed WordPress so I cant put a cache plugin on the site. I do have minified CSS and JS, I have optimised all the images and I have tested it with no plugins working. The site loads up fine at the speed it is now, its just the blue bars and the text that I dont like. There is surely a way to stop it? It wasnt like that 2 weeks ago?
Regards,
Gordon
Hello vadikcoma,
I have checked your website and I saw that you are using a lot of untested plugins which could interfere with the theme and create some unknown issue. For a quick workaround, you have to use a bit of CSS code to fix it.
The code is ->
.wpb_wrapper h3 {
margin-top: 0!important;
}
The result you should see here -> http://screencast.com/t/IDmndnlOc
Also, please notice that you should disable all the active plugins, leave just Visual Composer to active, clear all cache and install only the plugins that come bundled with our theme and rule out the conflicting plugins.
Thank you for the message!
Hello karrieristen,
I have checked your website URL and I saw the color switching in your header and also, I saw that you have speed booster to the active mode that moves the js and stylesheet file in the footer, the process that could cause this flash. Please notice that the CSS working in cascade and the first time take the code from style.css that is black and then take the color that you have changed from Theme panel that is white and practically this flash is generated by this cause. As a workaround, you have to check your style.css and try to add directly in this file your desired value of color, like this -> http://screencast.com/t/6NUCthcBGI
For you second request, please provide more details about what you want to change because I do not understand very good what you mean. Also, please provide a useful screenshot in this regard so I will be able to provide a more accurate response.
Hope this helps!
Thank you for you understanding!
Hi,
After purchasing the theme we have made some changes to CSS, recently we updated the theme using envato tool kit plugin and then we have copied our old CSS file and replaced it with the current one. Then clicked back Envato tool kit plugin to check whether the theme got updated or not. Surprisingly, the theme hasn’t updated, again we have updated the theme and copied our old theme and this time we have changed the Theme version in CSS to ‘6.7.1’ it worked fine. But what ever the changes we have done to CSS earlier are not applying to theme, when we check in CSS its all fine and looks like our old css file only, but the CSS changes which we made are not fixed.
what should we do to get our customized CSS?
Thanks
Hello Ar_farazon,
If you want to change the color of this border, you have to use a bit of CSS code to do that. Please try the code below and place it in Theme panel->Custom CSS area.
The code is ->
.td_module_8 {
border-bottom: 1px solid black;
}
The result you should see here -> http://screencast.com/t/9et3Aq2n0
Notice: If you want to have the same structure of the border, your have to replace the solid attribute with dashed, like this -> http://screencast.com/t/D5wY6swDI
Thank you for the message!
Myself have issue with render-blocking JavaScript and CSS… and and no plugin can fix it, how to?
I see demo theme that has 90/100 😐
Eliminate render-blocking JavaScript and CSS in above-the-fold content
Your page has 2 blocking script resources and 6 blocking CSS resources. This causes a delay in rendering your page.
None of the above-the-fold content on your page could be rendered without waiting for the following resources to load. Try to defer or asynchronously load blocking resources, or inline the critical portions of those resources directly in the HTML.
Remove render-blocking JavaScript:
http://demo.tagdiv.com/…-includes/js/jquery/jquery.js?ver=1.11.3
http://demo.tagdiv.com/…s/jquery/jquery-migrate.min.js?ver=1.2.1
Optimize CSS Delivery of the following:
http://demo.tagdiv.com/…r=2.5.7-5693.pagespeed.cf.UDybPq-xWG.css
http://demo.tagdiv.com/…css,qver=4.2.pagespeed.cf.Io6Fs5icoS.css
http://fonts.googleapis.com/…%2C600italic%2C400%2C600%2C700&ver=4.4.1
http://fonts.googleapis.com/…%2C700%2C500italic%2C400%2C300&ver=4.4.1
http://demo.tagdiv.com/…s,qver=4.6.2.pagespeed.cf.JyfuAoEqVC.css
http://demo.tagdiv.com/…s,qver=6.6.4.pagespeed.cf.33YDcclKNz.css
Hello aktifje,
Please ensure that you have correctly followed the steps for optimization you website speed according to our tutorial. Please notice that by default, the style.css file is directly moved to the footer when the speed booster is active. If you want to move the js_composer.min.css to the footer section you have to add it manually through plugin’s file, like this -> http://screencast.com/t/k6ll3aTkgTaa The code that you have to add it there is -> $this->move_style_to_footer_queue('js_composer_front');
Please notice that to make your website faster it is a complex task and require some customizations in order to achieve best results. In the future, if you want to make a deeper development through theme and you are not aware of the steps you needed 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 the message!
Hi
Use this css in theme panel > custom code > custom css: http://screencast.com/t/ZGIixIi3a
#td-mobile-nav .td-social-icon-wrap .td-icon-font{
font-size: 22px;
}
Thanks!
But the problem remains the Style.css file
Since many sites use this system, the style code in header directly is their site has a value of more than 90/100 on the mobile.
I wanted to know if we could do this also your thema
here’s a sample view-source:http://www.controcampus.it/
I await your notice, good job
Hi Andrei and thank you for your reply.
I know about the images but my issue is the one I have mentioned abouve. Please check again because there is “Eliminate render-blocking JavaScript and CSS in above-the-fold content” issue.
Above I have reproduced your tutorial and asked to help me to solve this issue as we are not pros, if we were like you, you wouldn’t be here, right?
I look forward to hearing from you.
Hi,
Unfortunately when you add too many elements to your site, it could take some time for it to load andf for css to apply all the code.This is the way css works, it applies the code in cascades so if the loading times are not so good, you can see this effect. Also if you move css render blocks to footer, this is also a result of that action as the style will wait for other elements to load first. The easiest way to improve this rewrite is to make css changes directly in style.css. You can try to move the code from the theme panel-> custom css box into the style.css file directly.
Thank you!
Hello agent314,
Please notice that the CSS working in cascade (Cascading Style Sheet) and the first time take the code from style.css and then take the color that you have changed from Theme panel or through custom CSS area and because of this will appear that delay in loading. Unfortunately, it is not really a valid solution in this case because is the system’s behavior.
You need to optimize your site by following this guide: https://forum.tagdiv.com/how-to-make-the-site-faster/
The guide shows exactly the steps needed to remove render block js and CSS. There is no easier way to explain it. Please follow every step closely and keep in mind that speed booster has a compatibility list for plugins: https://forum.tagdiv.com/topic/incompatible-plugin-detected/
We can’t offer speed customization services at the moment so if you still need guidance on this or you’re not aware of the steps you need to take in this regard please consider hiring a developer or a freelancer to do this for you. Also, as you can see in our tutorial, these kinds of information are addressed only for ADVANCED USERS.
Thank you for your understanding!
By the way I already did step 5. Remove render blocking css/js – using the TagDiv SpeedBooster plugin (advanced users)
But after check again the problem still exists.
Hi
Try this css to remove the gradient from all grids: http://screencast.com/t/8oZcrqlw
.td-module-thumb a:last-child:before {
background: none!important;
}
Thanks!
Hello snaxzer,
Unfortunately, page speed is something you will have to adjust yourself. There is no ‘promised speed’ as this depends on lots of things starting with your server. You need to optimize your site by following this guide: https://forum.tagdiv.com/how-to-make-the-site-faster/
The guide shows exactly the steps needed to remove render block js and CSS. There is no easier way to explain it. Please follow every step closely and keep in mind that speed booster has a compatibility list for plugins: https://forum.tagdiv.com/topic/incompatible-plugin-detected/
We can’t offer speed customization services at the moment so if you still need guidance on this or you’re not aware of the steps you need to take in this regard please consider hiring a developer or a freelancer to do this for you. Also, as you can see in our tutorial, these kinds of information are addressed only for ADVANCED USERS.
Thank you for your understanding!
Hi
Try this css: http://screencast.com/t/uiBYsOLT
.td_block_big_grid .td-module-meta-info{
display: none;
}
Thanks!
Hi
By default our css is loaded in head, before the page body. In order to improve your page-speed please check our documentation: https://forum.tagdiv.com/how-to-make-the-site-faster/
Thanks!
