Shopify themes, liquid, logos, and UX
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,
Solved! Go to the solution
This is an accepted solution.
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.
B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.
B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.
B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.
BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now
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;
}
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?
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.
You can add code by following these steps
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. Paste the below code before </body> on theme.liquid
<style>
.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;
}
</style>
my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
This is an accepted solution.
As 2024 wraps up, the dropshipping landscape is already shifting towards 2025's trends....
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024In today’s interview, we sat down with @BSS-Commerce to discuss practical strategies f...
By JasonH Nov 13, 2024