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

Change variation background colour and background colour on hover

Diego Stanger

Hi, I’m trying to change the colour background (you can see it currently in light grey in the design section) of the variation section and I can’t. I also want to apply this when I hover it. Could you please help me. Capture d’écran, le 2024-03-20 à 23.19.31.png

Golam Kibria

Hi Diego,

Will you please share a product page link here?

Do you want to remove the style on mouse hover too?

Thank You

Diego Stanger

I want to make sure that the section colour always stays transparent, not light gray, even on mouse hover

Golam Kibria

Hi Diego,

Please share a product page link here.

Which theme are you using?

Thank You

Diego Stanger

I can’t since the website is in maintenance mode.. The theme is Hello Elementor

 

Golam Kibria

Hi Diego,

Please try adding the following CSS to the customizer (Appearance > Customize > Additional CSS):

.single-product table tbody > tr:nth-child(odd) > td,
table tbody > tr:nth-child(odd) > th {
background-color: #FFFFFF; }
table tbody tr:hover > td,
table tbody tr:hover > th {
background-color: #FFFFFF; }

Let me know if this helps.

Thank You