Hi, I am looking to change the font size and weight in a particular part of my store. As a disclaimer, I have already adjusted the typography settings for both headings and the body. I am looking for something more custom.
On the Shop Page I am looking to decrease the size of the price. I would like it to match the item description. Additionally, I would like the price to be in bold. See below.
On the Item Page, I would like the price to be in bold. As you can see below, I figured out how to make the item description bold, however, I cannot figure out how to make the price bold.
Thank you very much for any help you can provide!
Cheers,
Hi @blwalsh21 ,
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.
1 Like
Add this CSS code to your theme settings. Go to Themes > Customize > Theme Settings > Custom CSS. This way it applies to collection pages and product pages.
.price__regular{
font-size: 23px;
font-weight: bold;
}
1 Like
Hello @blwalsh21
would you like to share your store URL and password if any please.
so i can check and provide you possible solution for your question.
Thank you very much! The size is perfect for the “item” page, however, I still think it’s a little too big for the “Shop” page. Do you know how to edit each of them individually?
Sure thing, thank you very much!
URL: https://wyenewyork.com/
Password: N/A
Sure thing, thank you very much!
URL: https://wyenewyork.com/
Password: N/A
You can add code by following these steps
-
Go to Online Store → Theme → Edit code.
-
Open your theme.liquid file
-
Paste the below code before on theme.liquid
.price__regular .price-item--regular {
font-weight: bold !important;
color: #000 !important;
font-size: 21px !important;
}
.product__title h1 {
color: #000 !important;
font-weight: bold !important;
font-size: 27px !important;
}
my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
