How to change text color on sale badge

Shopify Discussion
,
1

Hi,
Im fairly new to shopify. I have black text color, as my background is white. Ive managed to make the background color of the sale badge a different color, that matches the vibe. But i cant figure out how to change the black text color on my sale logo to white. Can anyone help?

2

Hello @Luminora .
Our team is ready to help you.
Please share your website address and access password (if necessary) so that we can check and assist you.

3

Luminora.shop

1 Like
4
  • Here is the solution for you @Luminora
  • Please follow these steps:

step.png
step.png1865×854 125 KB

  • Then find the base.css file.
  • Then add the following code at the end of the file and press ‘Save’ to save it.
.product__info-container .price--on-sale .price-item--regular { 
        color: red !important;
}
  • Here is the result you will achieve:

BSSTekLabs_0-1720453785477.png
BSSTekLabs_0-1720453785477.png1483×813 113 KB

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.
5

Hi @Luminora

This is Amelia from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

.price__badge-sale {

color: white !important;

}

Hope that my solution works for you.

Best regards,

Amelia | PageFly

6

It worked! Thanks

1 Like
7

you are welcome @Luminora :blush: