Problem with text size

Store Design

Topic summary

A user seeks help reducing the title size on product pages and applying the change across all products.

Two solutions were provided:

  1. Moeed’s approach: Add custom CSS code to the theme.liquid file, placing it above the </body> tag to control styling globally.

  2. sahilsharma9515’s approach: Add specific CSS targeting the product title class (h1.product__title.h2) with adjustable font-size (suggested 35px) to the theme code.

Resolution: The original poster confirmed the solution worked perfectly, indicating the issue was successfully resolved.

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

Hello! How do I Make the title on this page smaller? can I make it so it applies on all my products pages? thank you.

product page: https://www.xmine23.com/collections/donna/products/giacca-teddy-coat-4431912-copia

my website : www.xmine23.com

my theme local by Krown

2

Hey @vivvy1522

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1720093385172.png
Moeed_0-1720093385172.png1675×769 122 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like
3

Hi @vivvy1522 Please add the code to solve the issue.

h1.product__title.h2 {
    font-size: 35px !important; // change 35px according to your needs.
}

Please follow the steps:

  1. Login in shopify admin.
  2. Click on the Online Store.
  3. Then click on the button next to Customize in live Theme.
  4. Click Edit Code.
  5. Search theme.liquid in the code in left hand side in your theme.
  6. Add the following code in the bottom of the file above tag

Result:

sahilsharma9515_0-1720094360150.png
sahilsharma9515_0-1720094360150.png1843×465 134 KB

Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!

Best Regards

Sahil

4

Thank you it worked perfectly