Color change for product variable dropdown widget background

  • Resolved emeshto

    (@emeshto)


    3 years, 3 months ago

    Hi experts!

    I’ve added variations to a product and the information appears well on the product page. However, there’s this gray background that appears just behind. I’ve tried different custom CSS but non has solved the problem.

    Can someone please help me figure out a way to remove that background or at least change it to white as the entire page uses a white background?

    This also affects the product tabs that I”ve put below the page. The variation details appeared as a table and also has a gray background!

    Thank you so much in advance for your kind assistance!

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Mirko P.

    (@rainfallnixfig)

    Hi @emeshto,

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

    /* white background on variations table */
.single-product table tbody>tr:nth-child(odd)>td,
table tbody>tr:nth-child(odd)>th {
background-color: white !important;
}

    If you’d like to learn more about CSS, I highly recommend using the free tutorials at w3schools. Here, you can find the basics of selectors (how to target the right element on the page), and properties (how to change the element on the page).

    Thanks.

    Mirko P.

    (@rainfallnixfig)

    Hi there,

    We haven’t heard from you in a while, so I’m going to mark this as resolved. Feel free to start a new thread if you have any more questions.

    Thread Starter emeshto

    (@emeshto)

    Hi Mirko @rainfallnixfig !

    Sorry for the late response. Seeing this just now. I found a different way to make it appear as how I wanted. Thank you for responding and providing a solution. Really appreciate it!

    Glad to hear it – thanks for letting us know!

    If you have further questions, feel free to create a new thread.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Color change for product variable dropdown widget background’ is closed to new replies.