How to increase the font of the Product name on the HOME page or COLLECTIONS pages

Topic summary

A merchant using the Studio theme wants to enlarge the product name font on the Home and Collections pages. A screenshot was shared but not essential to the fix.

Primary solution (implemented):

  • Navigate to Online Store > Themes > Edit code.
  • Open theme.liquid and add custom code after the tag (exact code not visible in the thread).
  • Result: The merchant confirmed this worked and thanked the helper.

Alternative solution (offered):

  • Go to Online Store > Theme > Edit code.
  • Open base.css and paste at the bottom:
    .card__ content .card__heading { font-size: 18px !important; }
  • The helper offered further assistance (URL/password) if this doesn’t work.

Outcome/Status:

  • Issue resolved for the original poster via the theme.liquid change.
  • Additional CSS-based approach provided for others with similar needs. The discussion appears effectively resolved, with no outstanding questions reported.
Summarized with AI on January 10. AI used: gpt-5.

Hello

How do I increase the size of the PRODUCT name on the home page or on a collections page?

I am on Studio theme.

Thanks

Go to your Online store > Themes > Edit code > open theme.liquid file, add this code below after


1 Like

Dan… you are a legend. Thanks. That worked. Appreciate your time.

1 Like

Happy I could help, @Pragon

1 Like

Hi @Pragon

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps:

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

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

.card__content .card__heading {

font-size: 18px !important;

}

YOu can try with my code above, in case the above code cannot work, can you send me the URL and password page to check the problem more carefully?

Hope that my solution works for you.

Best regards,

Henry | PageFly

1 Like