Woocommerce text colour

  • Resolved peterhaggerty

    (@peterhaggerty)


    2 weeks, 3 days ago

    Hi,

    Bit of weird one here. Just recently I have noticed that the background and text colour on drop down menus in woocommerec are the same colour. This mean that they cant be seen unless you hover over them. I have searched and search, both in woocommerce and the sites theme settings, and there doesnt appear to be any way to change either the text colour or the background colour. Does anyone have any ideas on why it is happening or more importantly, how to fix it?

    Many thanks, Pete

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support Jonayed (woo-hc)

    (@jonayedhosen)

    Hey @peterhaggerty ,

    Thanks for reaching out!

    From what I can see on your site, the variation dropdown has a weird white background that’s overlapping the text color. After inspecting your site, I noticed that the field has an unusual background image, which seems to be causing the issue.

    Just to confirm, are you using the WP-Optimize plugin to minify your CSS and JS content? The code file appears to be coming from that plugin’s slug. If so, you could try disabling the plugin and clearing your browser cache—or check from a different browser—and see if the issue persists.

    As a temporary workaround, you can use the following CSS code to adjust the background color:

    .woocommerce div.product form.cart .variations select {
        background: #222 !important; 
    }

    Please give that a try and let us know how it goes!

    Thread Starter peterhaggerty

    (@peterhaggerty)

    Hi @jonayedhosen,

    Many thanks for the reply, very kind of you.

    I tried the first suggestion, disabling WP Optimise and clearing the cache, and this didn’t work. Adding the additional CSS code did work, though. I undertsand I may have to add this again, in the evnt of some updates, so I will hang on to it for when needed.

    Many thanks for taking the time to help.

    Peter

    Plugin Support shahzeen(woo-hc)

    (@shahzeenfarooq)

    Hi there!

    You’re very welcome! ??

    I’m glad to hear that adding the CSS code worked for you! Yes, in some cases, updates may override custom CSS, so keeping a backup of the code is a great idea.

    If you ever run into any other issues or need further assistance, feel free to reach out. Happy to help!

    If you have a few minutes, we’d love if you could leave us a review:https://www.ads-software.com/support/plugin/woocommerce/reviews/

Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.