Change size of price on product grip page

Store Design
, , , , , , , , , , , , , ,

Topic summary

A user wants to reduce the price font size specifically on the product grid page (collection page) in their Shopify Dawn theme, while keeping other pages unchanged.

Initial Solution:

  • Add custom CSS to theme.liquid file above the </body> tag
  • First attempt changed prices across all pages, not just the grid

Revised Solution:

  • Updated CSS code targets only collection pages using template name conditional
  • Code wrapped in {% if template.name == 'collection' %} to limit scope

Current Status:

  • Solution successfully reduces price size on collection pages only
  • User now requests extending this change to the featured collection as well
  • Discussion remains open for this additional customization
Summarized with AI on November 16. AI used: claude-sonnet-4-5-20250929.
1

Good morning,

I would like to reduce the size of the price font ONLY ON the product grid page (where you can scroll through all the products). I would like the font size of the prices to be the same size as the brand name above in light gray

JADIS_0-1696359060390.png
JADIS_0-1696359060390.png1437×805 190 KB

Do you know how to do it please?

Theme: Dawn
Website: jadis-shop.com
password:rj

thanks in advance

2

Hey @JADIS

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1696359654302.png
Moeed_0-1696359654302.png1209×953 241 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like
3

bro there is a problem, It also changed the size of the price on the product sheet.. is it possible to change the size (to 12px) only for the product grid page ?

4

Hey @JADIS

Remove the previous code and add this new code.

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

{% if template.name == 'collection' %}

{% endif %}

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like
5

good ! but is it possible to have also for the featured collection please ?