How to make the font size of the prices same as the title under collection

Topic summary

A user needed help making product prices on their collection page match the font size of product titles and appear in bold.

Solution Provided:

  • Add custom CSS code to the theme’s stylesheet (base.css, style.css, or theme.css)
  • The CSS targets .collection .price__container and increases font size while setting font-weight to 900
  • Access via: Shopify admin → Online Store → Themes → Actions → Edit code → Assets folder

Outcome:
The solution was successfully implemented. The user confirmed it worked with a thank you response. A screenshot demonstrated the visual result showing enlarged, bold pricing on the collection page.

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

Hi! how to make the font size of the prices to be the same size as the title and make the price in “bold” under collection.

Shop url - https://greenpaxusa.myshopify.com/
pw - xuldeb

1 Like

Hi @GreenPax

Try this one.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
.collection .price__container {
    font-size: calc(var(--font-heading-scale) * 1.3rem) !important;
    font-weight: 900;
}

Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!

thank you!!