[Resolved] Woocommerce variation names not centered

Hi Danny 🙂

Can you perhaps send links to the pages concerned? I can’t currently replicate the problem, here is an example: https://demo.purothemes.com/polestar/product/hoodie/.

Thanks. There are other plugins adding their own styling here which complicates matters. Try the following inserted at Customize > Additional CSS or the Custom CSS location of your choosing:

.wvas_variations td.label {
	vertical-align: middle !important;
}

.wvas_variations td.label {
	font-size: 16px;
}

.single .woocommerce-variation-add-to-cart {
	margin-top: 35px;
}

.woocommerce.single .product .summary .price {
	margin-bottom: 0 !important;
}

Thanks for the feedback. Please try adding:

.single-product td.value {
	padding: 20px !important;
}

After our other rules. Any better?

I’ll look at accommodating the plugins you’re using here in the next update. Thanks again.

Hi Danny. The last rule I sent is being applied as I intended it to. It isn’t the same as before, the variation images, that cell now has padding. Let me know how you’re wanting Baby Bath Magic Flower variations to display and I’ll do what I can to assist.

On mobile, are you asking about the grey field that’s protruding on the right of your screenshot? If so, I can’t recreate that on my phone or using any of the devices available in Chrome’s Developer tool.