Support » Plugin: WooCommerce » change Woo message line colours

  • Anyone know how to change the Woo messages line colours? I have used Firebug to see the css and in my child theme style sheet entered for these lines to be a different colour but it doesn’t change. Is there some other css file I should be editing to accomplish this?

Viewing 5 replies - 1 through 5 (of 5 total)
  • Can you provide a link to your site please and I’ll provide you with some custom CSS code?


    Hi and thank you. Here is a link to the store

    I appreciate your help. Been banging my head against the wall with this one.



    You can add this to your custom CSS area:

    .woocommerce-info {
        border-top-color: #CC0001;

    Let me know if there any other border colors you wish to change, you can just keep adding classes to the above code to implement the same color throughout.

    Hope this helps.

    Hi and thanks. I put that into my child-theme css but it doesn’t work.

    I have previously tried copying the CSS from what Firebug shows me and changing the colour but doesn’t work.

    Like this from Woo CSS on page according to Firebug
    .woocommerce-message::before {
    color: #8fae1b;

    That’s the green colour line for the before message. If I change the colour to #cc0000 it doesn’t work.

    Is there a specific Woo CSS file I should be editing and not putting this into my child-theme css?


    It’s definately the correct classnames, the before selector on those elements are for the little icons.

    Try this instead:

    .woocommerce-message {
        border-top-color: #8fae1b !important;

    Your child theme style.css file should be working fine, but if you’re using WP4.7 you can also add the code via the Appearance > Customizer > Additional CSS menu.

    If you ever modify a theme or plugin file directly, it will be overwritten when you next update it.

    Hope this helps.

    • This reply was modified 2 years, 4 months ago by  ThemeSumo. Reason: typo
Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘change Woo message line colours’ is closed to new replies.