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

Center Alignement for each row

Kai Lüderwald

Hi there,

i would like to center the variations:

variations-center.PNG

 

i want to look it like this:

centered-swatches.jpg

since that code segment is located in a table segment and not in a div layer – Do you have an advice how to handle this?

regards Kai

Hakik Zaman

—

Tanvirul Haque

Hi Kai,

Thanks for reaching out to us. You may try with the following CSS code:

.single-product form.variations_form {
text-align: center;
}
.single-product form.variations_form table.variations td {
display: block;
text-align: center;
margin: 0 auto;
padding: 0 0 15px;
background: transparent;
}
.single-product.woo-variation-swatches .variable-items-wrapper {
justify-content: center;
}

Is there anything else that I can help you with?

Thanks