How can I increase the font size on my product pages?

Store Design
,

Topic summary

A user seeks to increase the font size on their Shopify store’s collection and product pages, which currently appears too small.

Solutions Provided:

Multiple support teams offered CSS-based approaches:

  • Manual theme editing: Navigate to Themes → Edit code → Assets folder → theme.scss.liquid file, then add custom CSS targeting .collection-title, .collection-type, and .product-title classes with desired font-size values (e.g., 20px).

  • Quick CSS injection: Add custom CSS code within <style> tags directly above the </body> tag in the theme.liquid file. Users can adjust the pixel value (default suggestion: 20px) to their preference.

Additional Request:

The user also asked about changing the font family itself, with support indicating this can be accomplished by updating the CSS font-family property using similar methods.

Note: Initial troubleshooting involved password verification issues for store access, which were eventually resolved. Screenshots were shared to illustrate the implementation steps.

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

Hello,

I am trying to figure it out how to increase font size in collections/ all product page. It looks too small at the moment

My website is www.cleanlaces.eu

Password: Sennder2021+

Screenshot 2023-02-13 at 00.01.42.png
Screenshot 2023-02-13 at 00.01.42.png3360Ă—2100 607 KB

1 Like
2

Hi @viliuskairys ,

Can you share your password? because the password above is not correct

GemPages_0-1676254070591.png
GemPages_0-1676254070591.png1206Ă—688 4.79 KB

3

Hi Viliuskairys,

To increase the font size on your Shopify store’s collections or all product page, you’ll need to edit the theme code. Here’s how:

  1. Log in to your Shopify account and go to the “Themes” section.
  2. Find the theme you want to edit and click the “Actions” button, then select “Edit code”.
  3. Navigate to the “Assets” folder and find the file named “theme.scss.liquid”. This is the file where you can add custom CSS code to your theme.
  4. Add the following code to the bottom of the file:

.collection-title, .collection-type {
font-size: 20px;
}

.product-title {
font-size: 20px;
}

Note: The values in the code above set the font size to 20 pixels. You can adjust the values to any size you like.

  1. Click “Save” to apply your changes.
4

Hi @viliuskairys

It seems that your store password is wrong. Can you kindly share it with us again? Then, we will check and suggest you a solution.

5

Hello,

Sorry the password is Sennder2022+

6

Hi @viliuskairys ,

Glad to support you today.

You can check out my suggestion below to get your concern resolved:

  1. Go to Edit code on Online Store:

GemPages_0-1676274225922.png
GemPages_0-1676274225922.png400Ă—163 25.3 KB

  1. add my code above the tag on Theme.liquid:

Eg:

GemPages_1-1676274266788.png
GemPages_1-1676274266788.png1082Ă—841 17.7 KB

It show like this when you add my code:

GemPages_2-1676274287515.png
GemPages_2-1676274287515.png1576Ă—766 150 KB

*Note: You can replace the number 20 with another number you want to increase font size.

I hope you find the answer helpful.

Kind & Best regards,
GemPages Support Team.

7

Maybe you can also help me with changing the font? Thanks!

8

To can change the font, you just update my code like this: