How to increase size of a Title

Shopify Discussion

Topic summary

A user needed help increasing the size of a product title on their Shopify store, sharing a screenshot to illustrate the issue.

Solutions Provided:

Two community members offered similar CSS-based solutions:

  • LizHoang’s approach: Add custom CSS to the base.css file targeting .product__title h1 with font-size: 5rem !important;
  • Bundler-Manuel’s approach: Add CSS targeting h1.main-page-title.page-title.h0 with font-size: 30px;

Both solutions involve navigating to Online Store → Theme → Edit code, locating the base.css file, and pasting the CSS code at the end.

Resolution: The user confirmed that LizHoang’s solution successfully resolved the problem, with visual confirmation provided via screenshot.

Summarized with AI on October 31. AI used: claude-sonnet-4-5-20250929.
1

Hello guys, how can I increase the size of this Title?

NikosBat_0-1740043216123.png
NikosBat_0-1740043216123.png1850×869 243 KB

2

Hi @NikosBat

You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file base.css and add this code at the end of the file

.product__title h1 {
    font-size: 5rem !important;
}

Result

LizHoang_0-1740043495575.png
LizHoang_0-1740043495575.png887×618 36.5 KB

Best,

Liz

1 Like
3

Hi there @NikosBat you can try these following steps

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css.

Step 3: Paste the below code at bottom of the file → Save

h1.main-page-title.page-title.h0 {

font-size: 30px;

}

Let me know if this works for you.

1 Like
4

Thanks LizHoang, that has solved my problem.

5

Thanks Bundler-Manuel I appreciate it.