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

Bug

David van Leeuwen

Hi, ever since I updated the plugin variation swatches. This grey box appeared on my single product page. The word SIZE used to be outlined above the blocks. Now it is on the left with a grey background. In the appendix there is a before and after picture. I like to have it the same as before.

Before:

7a1ba3aa-d4c1-42b3-b2d6-2b99cb71fe05 2.jpeg

After:

Schermafbeelding 2022-01-26 om 15.24.16.png

Hakik Zaman

Hi David,

Thanks for reaching out to us. Sorry for your inconvenience.

Could you please give us an exact link to check?

Hope to hear from you soon!

Thank You

Hakik Zaman

Hi David,

The style is coming from your theme. Recently, WooCommerce changed its markup, this is the cause of the issue.

Please paste the below code at Appearance > Customize > Additional CSS

.woocommerce div.product form.cart .variations th,
.woocommerce div.product form.cart .variations td{
   display: block;
}
.woocommerce div.product form.cart .variations th{
   background-color: transparent;
   text-align: left;
   padding-left: 0;
   padding-bottom: 0;
}

Then clear your cache (browser cache + caching plugin cache + server-side cache) and check if it resolves your issue or not.

Hope to hear from you soon!

Thank You