How can I decrease the font size on my product title page in Dawn theme?

Store Design
1

Theme : Dawn

Hello,

I want to reduce the font size of my title product page.

I tried “@media only screen and (max-width: 750px) { .product__title h1 { font-size: px; } }” in base.css with no results.

Thanks in advance!

2

Hello @hend

It’s GemPages support team and glad to support you today.

To provide you with the most precise solution in this case, could you please share the store link?

3

Hello,

Here is the link : https://mephra.com/

Thank you!

4

@hend

I would like to give you a solution to support you.

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid theme file.

  3. Paste the below code before :

Hope my solution can work and support you!

Kind & Best regards!

GemPages Support Team.

5

Thanks but it didn’t worked unfortunately :frowning:

6

@hend

I tried changing the font size from 40px to 35px , on screens from 750px or more. this code is working

Screenshot at Dec 24 23-36-45.png
Screenshot at Dec 24 23-36-45.png1873×883 258 KB

7

I put your code in theme.liquid as mentioned but i don’t know why it didn’t worked

I found a solution for mobile which was the most important , i had to modify the font size in this code (main-product.liquid):

mobiletitle.png
mobiletitle.png910×218 13.2 KB

8

@hend

The code you use applies exclusively to mobile, you can change the font 20px to a different value if you want.

9

Hi @hend

This is Victor from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

Add this CSS at the bottom

Online Store ->Theme ->Edit code

Assets ->section-main-product.css

.product__title>h1 {
    font-size: 34px !important;
}

Hope you find my answer helpful!

Best regards,

Victor | PageFly