Search Results for 'css'

Hi,

You shouldn’t add the last -css, just “jetpack_css”.
Try to optimize by enabling the default plugins, enable the rest one by one and look for the js/css classes.
The Pagespeed test also penalizes your score if you have too many plugins.

Thank you, Emil G.

Hi,

Yes, you have to add it in Custom Css from Theme Panel and save: http://screencast.com/t/MWjAbBCPASJr
Instead of xx add your post ID like I said above. Also try the code with !important like this:
For top ad:

.postid-xx .td-a-rec.td-a-rec-id-content_top{
display: none !important;
}

For inline ad:

.postid-xx .td-a-rec.td-a-rec-id-content_inline{
display: none !important;
}

For bottom ad:

.postid-xx .td-a-rec.td-a-rec-id-content_bottom{
display: none !important;
}

Hope this helps!

• This reply was modified 11 years by Alin [tagDiv].
• This reply was modified 11 years by Alin [tagDiv].

Hi,

Even if you move all css and js at the end of the page that warning may still appear because the pagesped test also penalizes the number of plugins and the percentage they get from the page code.
An alternative to this may be to use modpagespeed, but it depends if your host allows it – https://code.google.com/p/modpagespeed/

Tank you, Emil G.

Hi,

Unfortunately there is not an option to css code to autoadjust the zoom. Also it can be closed only by the user. Sorry for inconvenience!
I can only suggest to change the module to display articles on “More box” and also change the number of posts to display, so will show up button to be closed by the user.

Settings: http://screencast.com/t/oxs8NOeRQ
Result: http://screencast.com/t/ybzMESVuDq

Thanks!

Hi,

You use h1 title in a text block for this that’s why it doesn’t change the font: http://screencast.com/t/lAuOE2csPcV
That settings change the font only for titles that are directly add on the page like this one: http://screencast.com/t/LXbNIV6mg1 – http://screencast.com/t/EY4aO2qXogfW

You can create a custom css if you want to change the font for title that are in a Text block: http://screencast.com/t/2oJ9u1rl

Thanks!

Hi,

Please use !important to the custom css that Lucian provided to you. Use this css in Theme Panel > Csutom Css: http://screencast.com/t/8YB9WaW25

.home .no-results{
display: none !important;
}

Thanks!

Hi,

Please use this custom css in Theme Panel > Custom css: http://screencast.com/t/CvHsyJgJepj

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
width: 22.05% !important;
}


Result:
http://screencast.com/t/C7WJasUT
http://screencast.com/t/F3y3h146YMP

Thanks!

Hi,

Using css you will only hide them and this will not reduce the number of requests to the server.
If you want to hide them please use this custom css: http://screencast.com/t/E4XuIhYN

.span4.column_container .td_mod3 img{
display: none;
}
.span4.column_container .td_mod3 .item-details {
margin-left: 0px;
}

Or you can delete this line from the module, but will affect all blocks that are using the module: http://screencast.com/t/DcdNaYYQUc

Also you will have to use css after that: http://screencast.com/t/iUd9Vx1Q

.span4.column_container .td_mod3 .item-details {
margin-left: 0px;
}

Thanks!

Hi,

If the script/stylesheets are already moved if don’t appear on desktop so for mobiles the test should be more rigorous that is why this notifications appear.
The js and css files are already moved to the footer so you don;t need to do it again.
I’m not sure what you could try to get rid of those errors, I suggest you try the recommendations from google insights:

* https://developers.google.com/speed/docs/insights/BlockingJS
* https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery

You can also try to find solutions for this online or search for other ways to remove the “render-blocking JavaScript and CSS” for mobiles.

Thanks

Hi,

Please also try this after you also remove the td_global::$http_or_https . and lave just the 'https://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,300,700&subset=latin,cyrillic-ext,greek-ext,greek,vietnamese ... like you’ve altered it but without the global http/https variable which also adds http or https. I have also highlighted here the part you need to remove: http://screencast.com/t/bORW39Ds
Please let me know if you still get this warning afterwards.

Thanks

Hi,

There are only few colors that are apply directly from shortcode color: green, black.. what I tested and the #hex codes does not apply, but you can add to the color something like this: http://screencast.com/t/OFPaysLX2
And use that like an extra class, so you can change background only for that button or if you have more buttons that you want to have the same color with custom css: http://screencast.com/t/QSueg06MT

.vc_btn-your text on color{
background-color: #3C89AB!important;
color:white;
}

Hope this helps!

Hi,

You need to add the path of the .woff file here and the name of your custom font: http://screencast.com/t/rAtCx1n96N
After this add the font css to the style.css file like here: http://screencast.com/t/mZV2w12cxJTJ and change the path including the file that contains the fonts.
This should work after all this.
Unfortunately there is no video tutorial. We will consider adding one in the near future.
Sorry for the inconvenience!

Thanks

Hi,

The footer height is set depending of your footer content, you can use css to reduce or remove this padding as you like: http://screencast.com/t/rAtCx1n96N
Use this code in theme panel > custom css field:

.td-footer-wrap .span12 .td-grid-wrap {
padding: 20px 13px 0px 13px !important;
}

If this doesn’t help please let me know and also provide you site’s url as I need to inspect it to provide an accurate solution for this.

Thanks

Hi,

You can use Style 2 from block settings: http://screencast.com/t/3X4nAa6kYY
Or with custom css: http://screencast.com/t/wWmsMP8cxJL

.td_block_trending_now{
background: red;
}

Thanks!

Hi,

That means that is coming from an VC element which you have added to your page. You need to check your page configuration/settings to find the cause of it.
You can also hide it via custom css: http://screencast.com/t/Zs1dTIWM
Use this css code in theme panel > custom css filed:

.home .no-results {
display: none
}

Thanks

Hi,

I see that it works: http://screencast.com/t/OMyz0HPIip1

You can try also this custom css if you like how it looks: http://screencast.com/t/pCbsUbsKl

.footer-text-wrap{
padding-bottom: 5px;
}
.footer-logo-wrap {
padding-bottom: 0px;
}

Thanks!