H1 font size on product pages

Topic summary

Goal: adjust the product page H1 (product title) size in the Impact Shopify theme and change the small purple badge colors.

  • The helper requested the store URL; the user shared www.torvatilingtools.co.uk.
  • First suggestion: add CSS in Online Store → Theme → Edit code → Assets/theme.css with selectors .product-card__title {font-size: 16px;} and span.badge.badge–primary {font-size: 10px;}. This did not work (user shared a screenshot).
  • Latest update: new CSS proposed to target the product title directly: .product-info__title { font-size: 24px !important; }.

Notes:

  • The badge request focused on font size, not color; changing the purple badge color remains unaddressed.
  • Screenshots were shared to show the issue and that the first attempt failed.

Status: pending. Awaiting user confirmation whether the new selector with !important adjusts the H1 size and further guidance on how to change the badge color.

Summarized with AI on December 13. AI used: gpt-5.

Hi there, I have impact shopify theme and I need help changing the H1 product size.

I also wanted to change the small purple badge colours if possbile.

@Cameronrikko
Sorry you are facing this issue,
It would be my pleasure to help you.
Please share your site URL,
I will check out the issue and provide you with a solution here.

www.torvatilingtools.co.uk

1 Like

@Cameronrikko thanks for quick response, can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
.product-card__title {font-size: 16px;}
span.badge.badge--primary {font-size: 10px;}

didnt work

1 Like

@Cameronrikko oh sorry can you try this code

.product-info__title { font-size: 24px !important;}