Vertically align woocommerce products variation selectors

businessvip · March 2017

Hi,

I need to make all variation selector (size, color, materials, ...) the same size, I mean have all them aligned vertically, the variation options and the dropdown fields.

Can you please let me know the CSS code I must use for that?

Thanks

businessvip · March 2017

Hi, the image: http://prntscr.com/ej233w

Bryan · March 2017

Hi,

Please send us a linnk to your website.

You just want all of the fields to be under each other?

businessvip · March 2017

Hi,

Yes, that's it.

The website is under construction right now in a provisory URL in http://www.lalkafashionkids.ovh

This is a product URL: http://www.lalkafashionkids.ovh/shop/product-1/

Thanks

Bryan · March 2017

Hi,

Sorry but this is not doable with simple CSS since woocomece makes this in a a table. This would require direct file changes.

thanks

businessvip · March 2017

Hi, yes but the table isn't aligned and in your demos all the tables are align.

My issues is to have the fields aligned as you have on your demos.

Thanks

Bryan · March 2017

Hi,

This is what we can do for you, use this custom css

.variations_form .variations td {
	width:100% !important;
}

businessvip · March 2017

Thank you

Vertically align woocommerce products variation selectors

Comments