H1 font size on product pages

Store Design
, ,

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.
1

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.

image.png
image.png1106×746 155 KB

2

@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.

3

www.torvatilingtools.co.uk

1 Like
4

@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;}
5

didnt work

image.png
image.png1650×795 130 KB

1 Like
6

@Cameronrikko oh sorry can you try this code

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