Hello
I am looking for help on my product page..
I want my sale price t be smaller so it matches the original crossed out price..
on both Desktop and Mobile
website: www.gogghi.ch
password: GOGGHI10NEWWEBSITE2025
thank for the help!
here the screenshot:
Hi @LeandroS ,
Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css file Add the provided code at the end of the file.
span.price-item.price-item--sale.price-item--last {
font-size: 13px !important;
}
hi thanks! and what if i would want the original crossed out price bigger?
so exactly the opposite?
Or
Size change 15
span.price-item.price-item--sale.price-item--last {
font-size: 15px !important;
}
s.price-item.price-item--regular {
font-size: 17px !important;
}
DaisyVo
5
Hi @LeandroS ,
You can follow the steps here:
Step 1: Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
Step 2: From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/ypQ7nly2wv27
Step 3: Copy the code below and paste it there
Here is the code for step 3:
span.price-item.price-item--sale.price-item--last {
font-size: 12px !important;
}
Here is the result:
Please let me know if it works!
Best,
Daisy
Hi LeandroS
- You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file component-price.css and add this code at the end of the file
span.price-item.price-item--sale.price-item--last {
font-size: 13px !important;
}
Result:
Best,
LizHoang