Viewing 7 replies - 1 through 7 (of 7 total)
  • What’s your website? I’ll take a look.

    Paste your Website link here So i can Check

    Thread Starter jt0

    (@jt0)

    the link to the product is

    https://sinkerstudio.com/product/drop-pendant/

    the box seems to be around the size label and drop down

    thanks for the reply

    Plugin Support Mike M. a11n

    (@mikedmoore)

    Automattic Happiness Engineer

    Hi. This CSS will remove the white background from those sections:

    .variations tr:nth-child(2n) td, tr:nth-child(2n) th

    You can add this your themes stylesheet, or in a custom CSS section in your theme options if available.

    If for some reason Mike’s code doesn’t work, add in this css.

    .woocommerce div.product form.cart .variations td {
      background: inherit;
    }
    Thread Starter jt0

    (@jt0)

    Thanks guys, Jon the code you provided did the trick it looks great now! Much appreciated!

    Plugin Support Mike M. a11n

    (@mikedmoore)

    Automattic Happiness Engineer

    Ha. I apologize. My code block is missing the rule for some reason. My CSS should have been:

    .variations tr:nth-child(2n) td, .variations tr:nth-child(2n) th{
    background: none;
    }

    Jon’s will work as well!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Box around variations’ is closed to new replies.