Child Theme CSS 101

[Richard]

Richard

October 18, 2016 at 1:00 am

Hello Team,

We have setup a child theme for our development site (Bitnami/Wordpress). Downloaded your Virtue child theme files, setup a child theme folder and activated. Works fine.

Started to copy over our custom CSS from the Theme Options->Advance Settings, one at a time. Most seem to work just fine, but we are having problems with the buttons/ colors working in the child theme. Specifically, the Woocommerce buttons. Here is an example:

/*WC BUTTON COLOR-ADD TO CART ON SHOP PAGE*/
.product_item.hidetheaction:hover .kad_add_to_cart {
background: #6fbe44; /*green*/
}
.product_item .kad_add_to_cart:hover, .product_item.hidetheaction:hover .kad_add_to_cart:hover {
background: #6fbe44;
text-decoration: underline;
}

When this code is in the Advance Settings, works perfect. But when we copy over to child theme (style.css) it doesn’t work. (Note: we comment out in Advance Settings so it’s only active in the child theme “style.css”.

So, what are we missing here?

Thanks in advance!