Struggling to change font size in Dawn Version 15.2.0 for the 'Title' on the default product page

Shopify Discussion
1

I’m struggling with Dawn Version 15.2.0 as all the information online references the old code. For example, I want to change the font size of the ‘Title’ on my default product page and all the information online references the old code which users px size as opposed to the new version which uses rem. Can someone please give me the guidance on how to change the font size of the ‘Title’ on my default product page?

2

Hey @interestingname

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

3

Hi Moeed. Website is www.moon-realtor.com Thanks

4

Hey @interestingname

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-1732700630258.png
Moeed_0-1732700630258.png1243×891 206 KB

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

Best Regards,
Moeed

5

Thank you Moeed. That has worked! Will this logic also work for the page title such as on this page: https://moon-realtor.com/pages/supporting-space-exploration

6

Hey @interestingname

For page title, keep the previous code and add this new code above in the end of theme.liquid file

.main-page-title {
    font-size: 30px !important;
}

RESULT:

Moeed_0-1732701651973.png
Moeed_0-1732701651973.png1172×434 32.3 KB

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

Best Regards,
Moeed

7

You nailed it Moeed! Thank you!

8

Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

9

thanks moeed it worked for me.