WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Need Help with CSS (8 posts)

  1. bware
    Member
    Posted 4 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: http://www.rebelliongear.com/?product=rlg_lioness

    Blessings,
    BW

  2. kjodle
    Member
    Posted 4 months ago #

    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.

  3. Wolfs bRain
    Member
    Posted 4 months ago #

    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.wordpress.org/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.

  4. bware
    Member
    Posted 4 months ago #

    Many thanks Kjodle! That worked perfectly.

    BW

  5. bware
    Member
    Posted 4 months ago #

    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

  6. Wolfs bRain
    Member
    Posted 4 months ago #

    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.

  7. bware
    Member
    Posted 4 months ago #

    Awesome! Thank you so much!!!

  8. Wolfs bRain
    Member
    Posted 4 months ago #

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

Reply

You must log in to post.

About this Topic