Hi Jordanna,
Could you disable our swatches plugin and check is it working without our plugin or not? By the way, this is happening for your theme, here is the solution CSS code:
.woocommerce div.product.elementor form.cart table.variations td {
display: table-cell !important;
}
Thank you
That worked really well but now I’m noticing that the variations overflow into a second line (see screenshot). This happens even without any css applied but only on products with more than 4 variables. There’s plenty of room in the column so I’m not sure what’s causing the break?
Screenshot: https://drive.google.com/file/d/105pQxqSZbNN6VJKhYQ6BtAqsJKxgBrWn/view?usp=sharing
Hello Jordanna Bubar,
Please try to use this CSS code:
.woocommerce .elementor-1780 .elementor-element.elementor-element-6fb30630 form.cart .variations {
width: 100%;
}
Thanks
That worked!
Thank you
Hi Jordanna,
Great, If you found my support helpful, could you leave your valuable review here: https://wordpress.org/support/plugin/woo-variation-swatches/reviews/?filter=5
Your rating keeps us inspired.
Thank You
Labels are automatically above swatches
Jordanna Bubar
Hello, we are looking to upgrade to the Pro version but before we do we want to ensure this plugin fits our needs. Right now the attribute labels (color / size) are automatically positioned about the swatches on the single product page. We would like them to sit in line with the labels.
Screenshot: https://drive.google.com/file/d/1dSzU5VbmL2CYdJOce86o4wxhViu-1w6F/view?usp=sharing
Using OceanWP theme & elementor theme builder
I’ve tried using CSS:
.elementor-product-variable {display: block !important;}
Please advise,