Help Changing Text Colour At Checkout

  • Resolved prettypampasuk

    (@prettypampasuk)


    4 years, 7 months ago

    Hello,

    I’ve tried a few things with no result, so am hoping someone on here can help with my specific issue. Both the ‘Have a coupon? Click here to enter your code’ and error messages at checkout, such as ‘Billing Street address is a required field’ text colours are white as are the backgrounds for the boxes. I want to change the text colours to #f1d2cd but have tried a few times and I end up changing other colours on the website elsewhere.

    Thanks in advance.

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

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

  • Hi, prettypampasuk, I see you already made some changes, but if you still wish to change the text color, then here is some additional CSS you can add to modify it:

    
div.woocommerce-form-coupon-toggle div.woocommerce-info, div.woocommerce-form-coupon-toggle div.woocommerce-info a.showcoupon, .woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout ul.woocommerce-error {
    color: #f1d2cd !important;
}
    Thread Starter prettypampasuk

    (@prettypampasuk)

    Hi Ian,

    I’ve just tried that but it’s still not working. Do you know if there’s an overriding code somewhere that is changing the colour to white still?

    Thank you

    Plugin Support kellymetal a11n

    (@kellymetal)

    Hi there,

    Testing on your site in browser dev tools with the CSS provided by @plantprogrammer seemed to work for me as well.

    Did you add that to the “Additional CSS” section in your customizer?

    If that is not taking effect, then it’s possible styles in your theme or another active plugin (like your page builder) could be overriding the custom CSS you are adding. I’d recommend conflict testing to narrow down where the “white text” styling is coming from. We have a guide for that here:
    https://docs.woocommerce.com/document/how-to-test-for-conflicts/

    Thread Starter prettypampasuk

    (@prettypampasuk)

    Hi,

    Yes I did add it in that section.

    Thank you, I’ll have a look into that.

    Plugin Support con

    (@conschneider)

    Engineer

    Hi there,

    We haven’t heard back from you in a while, so I’m going to mark this as resolved – if you have any further questions, you can start a new thread.

    Kind regards,

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Help Changing Text Colour At Checkout’ is closed to new replies.