Gray background on variables section and price color on product page

  • Resolved emeshto

    (@emeshto)


    3 years, 4 months ago

    Hi WooCommerce experts!

    I’ve added variable on a product page but there’s a grey background appearing behind the dropdown menu. I’ve tried looking for similar questions but the only customisation that I found was to change the background color inside the dropdown box. I’ve shared a screenshot and have indicated the points that I need help with through yellow arrows.

    I also wanted to change the price color within the same section (it appears as green and I would like to change it black) but I have no clue where to start making these modifications.

    Trying my luck to get some insights here. Any tips would be greatly appreciated!

    Thank you so much in advance!

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter emeshto

    (@emeshto)

    I’ve initially put a screenshot along with my messages but I’m sharing the page where these elements can be found:
    https://prototype-curlybynature.hto-communications.com/product/cocoon/

    Thank you in advance!

    Hello,

    I’ve added variable on a product page but there’s a grey background appearing behind the dropdown menu.

    This can be fixed with some custom CSS. Under Appearance > Customize > Additional CSS, you can add the following code:

    .single-product div.product table.variations td {
    background-color: transparent;
}

    I also wanted to change the price color within the same section (it appears as green and I would like to change it black)

    It looks like you’ve already found a way to change the text color.
    https://snipboard.io/GJpzaS.jpg

    Please let us know if you still need help.

    Hi @emeshto

    We’ve not heard back from you in a while, so I’m marking this thread as resolved. If you have further questions, please feel free to open a new topic.

    Thread Starter emeshto

    (@emeshto)

    Hi @maykato!

    Sorry for the late response. Yes, I found a way to make it appear like how I wanted. Thank you for responding and providing a solution. Really appreciate it!

    @emeshto

    Glad to hear it – thanks for letting us know!

    If you have any further questions, I recommend creating a new thread.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Gray background on variables section and price color on product page’ is closed to new replies.