Im using the focal theme 12.4.0 and I want to change the color and background color of the “on sale” accent on both desktop & mobile view. What exactly do I need to change in the code? [Screenshot_4.png] Thanks in advance!

the store url is: https://leyah.de/products/5-in-1-airstyler

Hi @LeyDE Do you mean this one? [Made4uoRibe_0-1734368978742.png] From the product page? or other pages? You need to find the code in the theme.css. and change the color. [Made4uoRibe_1-1734369075236.png] if cant not add this code at the bttom of the theme.css. .product-meta .product-meta__…

Go to your online store → edit code → base.css file and paste this code in the end of file .product-meta .product-meta__price-list-container span.label.label--highlight { background: #e7696e !important; color: #fff !important; } [AsadMahmood_0-1734369517779.png]

product page. i have the new version 12.4.0 active now. i want to change the color of “on sale” and want the first letter to be capitalized. both in combination. i had it in the older version but it doesnt work for this one. would appreciate it if you would look up on that again. thanks.

Okay, to change only the text color and capitalize. From your Shopify admin dashboard, click on “Online Store” and then “Themes”. Find the theme that you want to edit and click on “Actions” and then “Edit code”. In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on…

this didnt work. I want the text to appear bigger, only the first letter capitalized (“You”) and change color. Mainly for mobile view and focal 12.4.0

Sorry, I dont understand anymore your request. 1st: color and background color of the “on sale”. 2nd: color of “on sale” and want the first letter to be capitalized. 3rd: text to appear bigger, only the first letter capitalized (“You”) and change color. And you added more repeating code in your …

Change the Color Of "On Sale" In Focal Theme On Desktop & Mobile View

Store Design

Asad-Mahmood December 16, 2024, 4:58pm 2

What’s your store url ?

Topic		Replies	Views
Change color of "on sale" in focal theme on desktop and mobile view Store Design product-page	3	19	October 11, 2023
Change the Color Of "On Sale" In Focal Theme On Desktop AND Mobile View Store Design design	12	33	October 13, 2023
Make the sale text appear bigger Store Design design	5	43	July 27, 2024
Change color of discount text and background next to price Store Design design	5	29	September 11, 2023
How to change the price color after discount in Focal theme Store Design	11	52	July 5, 2022

Change the Color Of "On Sale" In Focal Theme On Desktop & Mobile View

Related topics