how to change color of sale badge

  • Resolved Derek Wilcox

    (@themassapothecary)


    5 years ago

    Probably a simple answer, but for the life of me I cant figure out how to change the color of my sale badges. right now they are black with white text. Thanks for any help.

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • RossMitchell

    (@rossmitchell)

    Using my browser inspector I suggest something like custom CSS:

    .woocommerce ul.products li.product .onsale {
 color: red;
 background-color: green;
}

    Or whatever colours you choose.

    Thread Starter Derek Wilcox

    (@themassapothecary)

    Thank you for your help RossMitchell. Where do I add the CSS specifically?

    AJ a11n

    (@amandasjackson)

    Hi @themassapothecary

    To edit the custom.css file, go to **Appearance > Customise > Additional CSS**.

    Alternatively, you can edit the **custom.css** file using your favorite FTP client (such as FileZilla).

    Open your website with the FTP client and navigate to **wp-content/themes/your-theme-name/**. Inside this folder you will find the custom.css file. Download it on your desktop, edit it, and then upload back to the same folder it overriding the existing file.

    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 4 replies - 1 through 4 (of 4 total)
  • The topic ‘how to change color of sale badge’ is closed to new replies.