How to make the price bold (symmetry)

Topic summary

A user seeks to make product prices bold on their Symmetry theme product pages.

Two solutions provided:

  1. BSSCommerce-HDL approach: Insert custom CSS code in the theme.liquid file, specifically above the </head> tag. Includes a visual result screenshot.

  2. BSS-TekLabs approach: Navigate to the main.css file through the theme editor and add CSS code (font-weight: 700 !important; targeting .price_default class) at the end of the file, then save.

Both responses include step-by-step instructions with screenshots and request the user mark the solution as helpful if it resolves the issue. The discussion remains open pending user confirmation of which method worked.

Summarized with AI on November 8. AI used: claude-sonnet-4-5-20250929.

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

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 tag:


Here is result:

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 :heart_eyes:

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

  • 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:

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.