How can I reduce the pixel size of product titles on the dawn theme?

Solved

How can I reduce the pixel size of product titles on the dawn theme?

paule3
Excursionist
29 1 5

Hi, I wanted to ask if anyone knows how to reduce the pixel size of the titles on my product pages. I am using the dawn theme. Thankyou in advance.

Accepted Solutions (2)

GemPages
Shopify Partner
5625 1262 1282

This is an accepted solution.

Hello @paule3 

 

You can follow these steps:
1. Go to Online Store->Theme->Edit code

GemPages_0-1669862610670.png

2. Open your theme.liquid file, paste the below code before </body>

GemPages_1-1669862663608.png

    {%  if template contains 'product' %}
<style>
.product .product__title h1 {
    font-size: 20px;
}
</style>
    {%  endif %}

I hope the above is useful to you.


Kind & Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

View solution in original post

PageFly-Victor
Shopify Partner
7865 1786 3133

This is an accepted solution.

Hi @paule3 

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: 22px !important;

}

PageFlyVictor_0-1669972244129.png

 

Hope that my solution works for you.

Best regards,

Victor | PageFly

View solution in original post

Replies 2 (2)

GemPages
Shopify Partner
5625 1262 1282

This is an accepted solution.

Hello @paule3 

 

You can follow these steps:
1. Go to Online Store->Theme->Edit code

GemPages_0-1669862610670.png

2. Open your theme.liquid file, paste the below code before </body>

GemPages_1-1669862663608.png

    {%  if template contains 'product' %}
<style>
.product .product__title h1 {
    font-size: 20px;
}
</style>
    {%  endif %}

I hope the above is useful to you.


Kind & Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

PageFly-Victor
Shopify Partner
7865 1786 3133

This is an accepted solution.

Hi @paule3 

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: 22px !important;

}

PageFlyVictor_0-1669972244129.png

 

Hope that my solution works for you.

Best regards,

Victor | PageFly