Change color of discount text and background next to price

Store Design
1

Hello, I use the Focal theme and I would like to change the color of the discount text and background of it.

Can anyone help?

123s.jpg

2

Hi, @LeyDE .

Please share your store URL and password?

3

URL: https://leyah.de/products/5-in-1-haarstyler

4

Hi @LeyDE

This is Henry 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 theme.css

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

.product-meta__label-list.label-list span.label.label–highlight {

background: red !important;

color: black !important;

}

Hope that my solution works for you.

Best regards,

Henry | PageFly

5

Follow These steps,

Go to the online store theme and go to base.css file paste the code mentiond below.

.label--highlight {
    background: black;
    color: yellow;
}

Result:

websensepro_0-1694447441651.png
websensepro_0-1694447441651.png992×433 53.2 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

6

Thanks. But its not working for mobile view.

Can you do one for both desktop and mobile?