How to make the price bold (symmetry)

Solved

How to make the price bold (symmetry)

oliviafrnd
Visitor
1 0 0

How do I make the price bold on my product pages? URL: https://www.sophia-quebec.com/products/amber
Theme: symmetry

https://www.sophia-quebec.com/products/amber

oliviafrnd_0-1720706987984.png

 

Accepted Solution (1)

BSSCommerce-HDL
Shopify Expert
1004 342 408

This is an accepted solution.

Hi @oliviafrnd

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag: 

<style>
.price__default {
    font-weight: bold !important;
}
</style>

Here is result: 

BSSCommerceHDL_0-1720707157496.png

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you  😍

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

View solution in original post

Replies 2 (2)

BSSCommerce-HDL
Shopify Expert
1004 342 408

This is an accepted solution.

Hi @oliviafrnd

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag: 

<style>
.price__default {
    font-weight: bold !important;
}
</style>

Here is result: 

BSSCommerceHDL_0-1720707157496.png

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you  😍

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

BSS-TekLabs
Shopify Expert
450 144 158

- Here is the solution for you @oliviafrnd 
- Please follow these steps:

step.png

- Then find the main.css file.
- Then add the following code at the end of the file and press 'Save' to save it.

.product-price--large .price__default {
     font-weight: 700 !important;
}

- Here is the result you will achieve:

BSSTekLabs_0-1720707172429.png

 

 

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution .
For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase

Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency