• Resolved nsch6

    (@nickschwarer)


    Hi there,

    Is there a way to change (remove) the background colour of the variation swatches section?

    Thanks,
    Nick

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • It is difficult to help without visiting your site or an exact product link.

    Thread Starter nsch6

    (@nickschwarer)

    Hi @wpforce thanks for your reply, the product in question isn’t currently live due to the white background colour of the variation swatches causing an issue with its appearance (demonstrated in the attached image).

    We have another live product listing which also uses Variation Swatches for WooCommerce, the white background of the swatches is not an issue with this particular product due to the layout of the product template: https://www.makarlu.com/shop/move/makarlu-lotus-black/

    Thanks for your help,
    Nick

    As far as I know, Variation Swatches doesn’t apply any background color to the section you mentioned.

    It would be great if you can live your site and give me a product link.

    Then I can use inspect tools by visiting your product link.

    Thread Starter nsch6

    (@nickschwarer)

    Thanks @wpforce. I have created a password protected product page:

    https://www.makarlu.com/shop/wall/makarlu-wall-testing/
    p/w: wordpress

    The background of the whole section has been made black to show the white background of the variation swatches section.

    Thanks for your help,
    Nick

    Place the below CSS at Appearance > Customize > Additional CSS

    table tbody tr:nth-child(2n) {
        background-color: transparent!important;
    }
    
    table tbody, table tfoot, table thead {
        background-color: transparent;
    }

    I hope it will resolve your issue.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Transparent Background’ is closed to new replies.