Does not work well in Woo’s Canvas Theme

Replies: 0

I’m using WooCommerce’s Canvas theme, and I am having one heck of a time modifying the CSS for this plug-in.

The problem isn’t exactly that plug-in doesn’t work. The plug-in works exactly as described on the side of the tin.

However, it looks like WooCommerce’s Canvas Theme is one of those themes that this plug-in warns you about.

To make the composite stacked layout work correctly, I had to modify the CSS for this plug-in directly. Specifically these lines in wp-content/plugins/woocommerce-composite-products/assets/css/wc-composite-single.css:

.component .composited_product_images img {
width: 100%;

.component .details {
float: right;
padding-left: 2px;
width: 70%;
}

*(YMMV)*

Creating a child theme did not work. Embedding the css inside my admin area in the custom css did not work. Even using custom.css in the main canvas theme did not work. Each time I would add the overwrite code, the theme would overwrite my changes with the defaults from the plug-ins style.

So this is one of those plug-ins I cannot auto-update because my changes will not carry over should the plug-ins css file change.

Does anyone have any better locations on where I can add my css changes, or can the plug-in look for a custom.css file that won’t be overwritten on plug-in updates?

Thanks!