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

Style on product page

Susana García

Hello.

I need to know how I can change the style of how the variations are displayed on the product page.
It is now displayed with a gray background and with the text centered and in a certain font.
Attached image.
I would like to know how to remove the background and align the font to the left and bold.

The url is https://sottopiatto.es/producto/vaso-abeille/

Thanks and regards

 

 

 

Hakik Zaman

Hi Susana,

Thanks for reaching out to us.

Unfortunately, the styles are coming from your theme: https://paste.pics/POQ4I

Please contact your theme author regarding this styling. From our end, here is some CSS for your convenience:

table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th {
background-color: transparent;
}
table tbody tr:hover>td, table tbody tr:hover>th {
background-color: transparent;
}
.woo-variation-swatches.wvs-show-label .variations th {
text-align: left;
}

You can add the above CSS at Appearance > Customize > Additional CSS.

Then you will get them like this: https://paste.pics/POQ8D

Thank You