Change color of "on sale" in focal theme on desktop and mobile view

Store Design
1

Hello Dead community,

Im using the focal theme and I want to change the color of the “on sale” accent on both desktop and mobile view.

What exactly do I need to change in the code?

LeyDE_0-1697028813626.png
LeyDE_0-1697028813626.png505×106 5.15 KB

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

Thanks.

2

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > theme.css and paste this at the bottom of the file:
.product-meta__label-list .label.label--highlight {
color: #dfbbea; /* Change this to your desired color */
}

ZestardTech_0-1697029781609.png
ZestardTech_0-1697029781609.png1715×675 129 KB

3

Hello, thanks for the fast reply! It worked fine!

Is it possible to change the background color of it aswell?

4

It doesnt work for mobile view. Nothing changed. On desktop view, it worked fine.