I want to change the title size on all my product pages

Store Design
, ,
1

Hi, I want to reduce the size of my product page’s title.

I want to be able to choose the size myself

2

Hi embracethegrind,

Yes, you can absolutely control the size of your product page title in Shopify. Here’s a simple way:

  1. Go to your Shopify admin → Online Store → Themes → Edit code.

  2. Find your product page file (usually product-template.liquid or main-product.liquid).

  3. Look for the product title element, often wrapped in <h1 class="product__title">.

  4. Add a custom CSS rule in your theme.css or base.css file:

.product__title {
   font-size: 28px; /* change the number to the size you want */
}

You can adjust the number (px, em, or rem) until it looks right.

Thanks.

3

Hi @embracethegrind

  1. From your Shopify Admin, navigate to Online Store > Themes > Edit Code
  2. In the Assets folder, open base.css and add your CSS code at the end
.product__title h1 {
   font-size: 28px;
}

image
image1298×451 59.5 KB