CSS for changing “Description” text color?

  • Resolved bgcooper

    (@bgcooper)


    3 years, 7 months ago

    Hi there, I’ve tried multiple different CSS tweaks (including ones I’ve seen listed on this forum) but so far, nothing works.

    If you visit the link, you’ll see that the “Description” text (on the tab just below the photo) is light gray text on a white background so it’s almost illegible. I’d like to change the text so that it stays black even when the tab is selected.

    Would be very grateful of any help. Thank you!

    • This topic was modified 3 years, 7 months ago by bgcooper.

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Support abwaita a11n

    (@abwaita)

    Hi @bgcooper,

    Kindly try adding the following CSS in your Customizer → Additional CSS:

    .woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: #000000 !important;
}

    Hope this helps, we’ll be happy to be of further assistance.

    Many thanks.

    Thread Starter bgcooper

    (@bgcooper)

    Abwaita, you are a legend. Thank you! ??

    Can I ask a similar question while you’re here? One of my customers noticed that when he ordered, the State defaulted to Florida, and the very light color for the other state names made it seem you were out of luck if you did not live in Florida.

    How would I change the color scheme so that all states appear in a dark color? (I’d also love to change the default state, but that is probably a question for another thread.)

    Thanks for your help Abwaita.

    Mirko P.

    (@rainfallnixfig)

    Hi @bgcooper,

    Abwaita, you are a legend. Thank you!

    Glad to hear that the CSS from my colleague worked! Thanks for letting us know.

    How would I change the color scheme so that all states appear in a dark color?

    You can try this CSS:

    
/* change background color of select options on checkout page */
.select2-container--default .select2-results>.select2-results__options {
background-color: black;
}

    I’d also love to change the default state, but that is probably a question for another thread

    In order to change the default state and country on the checkout page please follow this documentation:

    https://docs.woocommerce.com/document/change-the-default-state-and-country-on-the-checkout/

    Hope this helps!

    Thread Starter bgcooper

    (@bgcooper)

    Thanks for your fast response Mirko!

    The CSS worked like a charm. Changing the default state/country is providing a little more complex, but am looking into that now.

    Thanks so much for your assistance.

    Plugin Support Gabriel – a11n

    (@gabrielfuentes)

    Glad to know that my colleague’s response was helpful! ??

    Great! I’m going to mark this as resolved – if you have any further questions, you can start a new thread.

    Cheers.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘CSS for changing “Description” text color?’ is closed to new replies.