• Hi there,

    Would really appreciate some help on this as have been stuck on it for a while now.

    I am using trying to add CSS to remove the background colour on variable product options, and found the following CSS online:

    /*swatch titles*/
    selector td{
        background-color: transparent;
        color: black;
        padding: 0px;
    }

    However, this only removed the background for the ‘memory size’, and the variation titles still have a grey background to them.

    How can I make the background colour to these variation titles the same?

    Also, I am try to reduce the line size between the variations themselves.

    I tried the following:

    /*swatch titles*/
    selector td{
        background-color: transparent;
        color: black;
        padding: 0px;
        line-height: 80%;
    }

    Here is the link to my website if you could please have a look :

    https://www.oureco.co.uk/?elementor_library=single-product-template&preview_id=2040&preview_nonce=5a5c22d4fe&preview=true

    Many thanks for any help,

    R

The topic ‘CSS for removing background on variable products’ is closed to new replies.