Need Help with CSS

  • Resolved bware

    (@bware)


    10 years, 7 months ago

    I’m having trouble getting to the solution for this issue. Important(-ish) information…
    * Theme: ThemeAlley.Business
    * Plugin: WooCommerce

    I have a products in my “store” that have variable selections for sizing, however, the text in the dropdown menu is white, just like the background, so it’s impossible to read. If you are successful in selecting a size, the next step (selecting the quantity) is just as frustrating… white text on a white background.

    I reached out to the developers for support, with no success… they swear I can edit the CSS to resolve the text color issues, but I have gone through it line by line, and I seem to be able to change everything but what I need to.

    Your expertise is greatly appreciated.

    The phenomena can be located here: https://www.rebelliongear.com/?product=rlg_lioness

    Blessings,
    BW

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

  • That’s because the selectors you need probably aren’t in that stylesheet already. If you use a tool like Firebug, you can generally nail them down pretty quickly.

    In your case, you probably need to add something like 

    option, input {
    color: #333333 !important;
}

    to your stylesheet.

    Hi there Bware,
    I was taking a look at your site for you and the css you would need is
    #size > option {
    background: grey;
    color: black;
    }

    .input-text {
    color: black;
    }

    You can go ahead and change the colors to your liking. The first part of the code is for the drop down menu and the second bit of code is for the quantity. To guarantee your work isn’t overwritten in your next theme update be sure to install a custom css plugin such as Jetpack OR create a child theme for all your custom css changes. If you don’t know how to create a child theme you can click here https://codex.www.ads-software.com/Child_Themes

    The wordpress codex does a good job explaining step by step in how to create one.

    Hope this helps (^_^).If you have any more questions please feel free to ask.

    Thread Starter bware

    (@bware)

    Many thanks Kjodle! That worked perfectly.

    BW

    Thread Starter bware

    (@bware)

    Thanks Wolf,

    Quick Question… Both of the coding tips provided got the same end result (which was extremely helpful-Thanks!). The text is now in black when the drop-down is activated, however, prior to clicking on it, or after selecting an option, nothing is displayed (I assume it should show the size selected but I can’t tell)

    Any thoughts on a fix for that?

    Thx,
    BW

    Hello again BW,
    This little bit of css should help you out.

    select#size {
    color: black;
    }

    If you have any other questions just give us a shout.

    Thread Starter bware

    (@bware)

    Awesome! Thank you so much!!!

    Any time BW. Glad to help (^_^)

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Need Help with CSS’ is closed to new replies.