How can I adjust the font size of my product title on the main page?

Store Design
1

hi, i want to change the font size of my product title ONLY on main product page. - dawn theme

ni3_0-1674958938328.png
ni3_0-1674958938328.png2155×433 81.1 KB

URL: diilara.com

pass: bowchu

2 
.product .product__title h1{
font-size:50px;
}

put this in base.css

3

Hello @ni3

You can add code by following these steps to change font size for mobile and desktop devices

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

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

/* This is for desktop and large devices */ @media screen and (min-width: 750px) { .product__info-container .product__title h1{ font-size: 30px !important; } } /* This is for mobile devices */ @media screen and (max-width: 749px) { .product__info-container .product__title h1{ font-size: 20px !important; } }
4

Hi @ni3

This is Victor from PageFly - Landing Page Builder App

You can try this code by following these 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

.product__title h1 {

font-size: 30px !important;

}

Hope that my solution works for you.

Best regards,

Victor | PageFly