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

Grey square behind the variation buttons

Capucine Reverseau

Hello,

I have set the variation buttons on my product page, but there is a grey square behind the buttons. How can I change the colour in white ?

Another question, how can I change the colour of the buttons as well ?

 

"Capture

Hakik Zaman

Hi Capucine,

Thanks for reaching out to us. The grey background is coming from the Hello Elementor Theme.

Please add the following CSS at Appearance > Customize > Additional CSS

table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th {
background-color: transparent;
}

Thank You

Capucine Reverseau

Thank you for your quick answer ! It’s better now !

I have another problem wich is probably linked to the Hello Elementor Theme as well : the price is appearing in green when we click on a button.

How can I change it to the colour #9E3C3C ? And have a smaller size ?

Thank you very much

 

Hakik Zaman

Hi Capucine,

Yes, indeed, this support question is related to the Hello Elementor Theme.

Please add the following CSS at Appearance > Customize > Additional CSS

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
color: #9E3C3C;
font-size: 1em;
}

By the way, we get excited & honored when you use our plugin on your site.

If you found my support helpful, could you leave your valuable review here: https://wordpress.org/support/plugin/woo-variation-swatches/reviews/?filter=5

Your rating keeps us inspired.

Thank You