How To make product title font size smaller?

Store Design
,
1

Hi, please can someone help me edit the code on my site theme (studio) to make the product title font size smaller on the product pages? thanks

2

Hi,

ExpertRookie here, I love to help you. Could you share me your store URL for my checking

3

Hi @RubyB11

This is PageFly - Advanced Page Builder. I would love to give you some recommendations

-Go to Online Store->Theme->Edit code

-Asset->section-main-product.css paste the below code at the bottom of the file.

.product__info-container .product__title h1{font-size:30px !important}

PageFlyVictor_0-1666833939964.png
PageFlyVictor_0-1666833939964.png1366Ă—768 165 KB

Hope my solution works perfectly for you!

Best Regards;

PageFly

5 Likes
4

Hi @RubyB11
To change the product title on the product page
You can try follow this path:
Themes => edit code => asset => base.css
and add this code to bottom of the file base.css

.product__info-container .product__title{
font-size: 24px;
}
1 Like
5

Hi,

Thanks so much! its worked :slightly_smiling_face: I also have “quick add button” for products on the homepage and collection pages, eg when a customer clicks “choose options” a pop up box of the product appears. I was wondering if i’m also able to reduce the font size of that product title in the pop up box too? please could you direct me where in the edit code section that would be, and what code i need to paste? thanks

6

Hi @RubyB11 ,

If you can give me the URL and password I will check and give code for you quickly