Under “Untitled” it says the price. I would like to change the font size of this.
URL: https://www.empiricalwater.com
Password: arby
Any assistance is much appreciated!
Please put in below code to the last line of your under your base.css
by going to your store admin > Online Store > Themes > Actions > Edit code > Assets folder.
https://help.shopify.com/en/manual/online-store/themes/theme-structure/extend/edit-theme-code
.price–on-sale .price__container .price__sale s.price-item–regular {font-size: 18px;}
You can play with 18px to adjust the font size.
1 Like
Hi, thanks for the fast response. This reduced the size of the crossed out “$10.00 USD”, but did not affect the “$5.00 USD”. Is there a way to change that? Thanks again.
Please follow the instructions below to reduce the size of both price
- From your Admin Page, click Online Store > Themes >Actions > Edit code
- In the Asset folder, open the base.css
- Paste the code below at the very bottom of the file.
NOTE: Adjust 15px accordingly
.card-information .price__container, .price--on-sale .price__container .price__sale s.price-item--regular {
font-size: 15px;
}
1 Like
Great, this changed both prices on the home page. One last thing remaining, to change the size of “$5.00 USD” on this product page here: https://empiricalwater.com/products/untitled
My bad. I thought you only want it in the home page. Please use the code below instead
.price__container, .price--on-sale .price__container .price__sale s.price-item--regular {
font-size: 15px;
}
1 Like
I miswrote the title, the issue is fully solved now. Thank you for your time.
Hi, I tried this method and it worked on the desktop version but not on mobile. May I know how can I change the Font Size of the Price on the Home Page to make it look smaller on mobile?
Please open a new thread with your question since some of the stuff might be the same with the original question
1 Like
Hi, I just created a new post with my question. Thanks