Changing the product title font size in collection page in Warehouse theme

Topic summary

A user seeks to increase the product title font size on their Warehouse theme collection page, finding the current size too small.

Solution Provided:

  • Add CSS code to theme.css file targeting .product-item__title.text--strong a.link with font-size: 17px !important;
  • The solution successfully resolved the title size issue

Additional Request:

  • User also wants to make the red-colored price text smaller
  • CSS provided: target span.price.price--highlight with font-size: 15px !important;

Alternative Method:

  • Navigate to Online Store → Theme → Edit code
  • Paste CSS in theme.liquid file before </body> tag
  • Use font-size: 18px !important; for product titles

The discussion includes screenshots demonstrating the current appearance and reference links to the collection page.

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

Hi!

I want to change the font size of product names in collection page. It is too small right now, I want to make make it bigger.

This is the link for reference: https://theplanetjunior.com/collections/action-figures

@planetjuniorseo
put below css into theme.css

a.product-item__title.text--strong.link {
    font-size: 17px !important;
}
1 Like

Thats working. Also can you give the code to make the price font small? price written in red. i want to make it small

@planetjuniorseo

span.price.price--highlight {
    font-size: 15px !important;
}

Add above code for make price font smaller

1 Like

Hello @planetjuniorseo ,

I would like to give you a solution to support you:

  1. Go to Online Store-> Theme-> Edit code
  2. Open your theme.liquid theme file
  3. Paste the below code before :
.product-item__title.text--strong.link {
font-size: 18px!important;
}