Align center variations on single product page

Hi,

i opened a ticket (#55456) to align in center the variations, it is perfectly solved, but i would like to know if it is possible to align also the label and the “clear”.

The product link example is on: http://www.adigaeta.com/product/la-ribelle1/

The additional CSS i’ve added is:

.variations tbody { display: block; }
.variations tbody .woo-variation-items-wrapper { display: block; }
.woo-variation-swatches .variable-items-wrapper { justify-content: center; }

Thank you in advance for your reply,

Maria Beatrice

Tanvirul Haque

Hello Maria Beatrice Spadafora,

Could you please check, your site is not accessible https://prnt.sc/umyv8e

Thanks

Sorry i had an issue with the domain registration 🙂

Now is back online,

thank you,

Maria Beatrice

Tanvirul Haque

Hello Maria Beatrice Spadafora,

Is it also possible to remove completely the “clear” text?

Yes, please try to use the following CSS code:

.reset_variations { display: none !important; }

Can I mark this thread as resolved?

Thanks

Hello Tanvirul,

thank you for your reply. It works perfectly!

I still need to align the variation label, in the example product is “Select size (EU):”.

Is there a way to fix also this?

Thank you again,

Maria Beatrice

Tanvirul Haque

Hi Maria Beatrice Spadafora,

Please try to use the following CSS code, and let me know is there anything else I can help you with?

.qodef-woocommerce-page .qodef-content .variations td.label {
display: block;
text-align: center;
width: 100%;
}

Thank you