Woocommerce variations background color incompatible with Hello Elementor?

  • Resolved chikko80

    (@chikko80)


    4 years, 6 months ago

    Hello guys,

    i am driving crazy for about 4 hours now.

    I am using the Hello Elementor theme with Elementor Page Builder. I built a single product page and just wanted to insert the Add to Cart button.
    Everything worked fine so far. But then I noticed that the background color of the variation element (inside the Add to Cart) widget shows a different color.
    So my site background color is not white, its a bit darker. But the variations element is just plain white. In addition: if I hover over the area it becomes transparent (as I wish – just my site background color).

    I tried everything I knew about that kind of stuff but I can’t override it.
    I can override everything around – its so ridiculous – but the table body of the variations is just immutable.

    Here is a picture of me trying to override it:

    https://ibb.co/QbK3Nsb

    The variation element is basically a table with a tablebody and rows and its seems immutable in hello elementor or maybe I am just a noob. I don’t have much experience in WordPress just basic things. Normally I can solve everything myself but this time I can’t. Maybe someone know a tweak

    If I switch to astra everything looks like expected. The swatches don’t have any affect, if I disable the plugins nothing changes

    • This topic was modified 4 years, 6 months ago by chikko80.
Viewing 4 replies - 1 through 4 (of 4 total)
  • Abiola Ogodo

    (@oaoyadeyi)

    4 years, 6 months ago

    @chikko80

    The cart button getting faded could be theme colors.

    To modify the colors, you can add some CSS styles.

    Can you provide a public link to the page so we can come up with some CSS for this? Otherwise, reach out to your theme developer or Elementor on customizing the button colors

    Thread Starter chikko80

    (@chikko80)

    4 years, 6 months ago

    The page is still under development so normally i have a coming soon page in front of it, but i deactivated it now.

    This is the single product page

    https://homey-pieces.de/produkt/bubblekerze-big/

    Thread Starter chikko80

    (@chikko80)

    4 years, 6 months ago

    I got the answer on german wordpress forum:

    Solution:

    table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th {
    background-color: #eae9e5;
}
    Juan G. (woo-hc)

    (@judagutor)

    4 years, 6 months ago

    Glad to hear you found a solution! Thanks for sharing it with everybody 🙂

    I’ll mark this thread as resolved now. If you have any further questions, I recommend creating a new one.

    Cheers!

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Woocommerce variations background color incompatible with Hello Elementor?’ is closed to new replies.