Hi,
I have just applied the new WordPress 4.4 update and now none of my custom css is working!
Any ideas?
Kevin
Hello,
We tested WP 4.4 wit our theme and no problems were found. Please provide more details to what css does not apply anymore and provide examples so we can investigate this issue further.
Thank you!
Hi,
I have been using the following css to change the size of blockquotes:
.td-post-content blockquote {
background-color: #FCFCFC;
border-left: 2px solid #8CBF26;
padding: 15px 23px 0 23px;
position: relative;
top: 6px;
clear: both;
margin: 0 0 29px 0;
}
.td-post-content blockquote p {
color: #8CBF26;
font-size: 13px;
line-height: 21px;
padding-bottom: 16px;
margin: 0;
text-transform: none;
}
There is supposed to be a blue horizontal line to the left of the blockquote.
And this for WooCommerce:
.woocommerce ul.products li.product h3 {
text-align: center;
}
.woocommerce ul.products li.product .price {
text-align: center;
}
.woocommerce ul.products li.product .button {
margin-left: auto;
margin-right: auto;
display: table;
}
.woocommerce .products .star-rating {
margin: 0.5em auto 0 auto;
}
The 3 products used to be larger and centered.
The blockquote can be seen at this link https://godhelpusall.com/climate-eat-it-too
Shop page here: https://godhelpusall.com/shop/
Since updating to WordPress 4.4 this css code no longer seems to work.
Hope you can help.
Thank you
Kevin
Hello,
I think the problem originates from somewhere else.
I tried your css and it works: http://screencast.com/t/jRzNwVUlN9G
On your website it seems the selectors are more powerful so you need to adjust the code a bit and use the !important attribute.
Use it in your code like so:
.td-post-content blockquote {
background-color: #FCFCFC!important;
border-left: 2px solid #8CBF26!important;
padding: 15px 23px 0 23px!important;
position: relative!important;
top: 6px!important;
clear: both!important;
margin: 0 0 29px 0!important;
}
.td-post-content blockquote p {
color: #8CBF26!important;
font-size: 13px!important;
line-height: 21px!important;
padding-bottom: 16px!important;
margin: 0!important;
text-transform: none!important;
}
Add the important to your other code as well and it should work as expected.
Thank you!
Hi,
Thank you that worked perfectly and I have modified the rest of my custom css to suit.
Great service and support.
Thanks
Kevin
