fbpx
Want To Add Extra Images Per Product Variation For Free? Download Now

Labels are automatically above swatches

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,

Tanvirul Haque

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

Tanvirul Haque

Hello Jordanna Bubar,

Please try to use this CSS code:

.woocommerce .elementor-1780 .elementor-element.elementor-element-6fb30630 form.cart .variations {
width: 100%;
}

Thanks