How can I decrease product title and description font size in my code?

Store Design
, , ,
1

How do I reduce the font size of my product titles and also my descriptions under my products in the code? my site is safekeychains.com

2

@shopsk100 - add this css to the very end of your base.css file and check, adjust numbers 2 and 14 as per the need

.product__title{font-size: calc(var(--font-heading-scale) * 2rem);}

.product__description{font-size:14px;}

suyash1_0-1673762472071.png
suyash1_0-1673762472071.png1366×768 193 KB

3

how do i change the product title size more?

4

@shopsk100 - add this and change as per the need

.product__title{font-size:16px;}
5

Hi @shopsk100 ,

Glad to support you today.

You can check out my suggestion below to get your concern resolved.

  1. Go to Edit code on Online Store:

GemPages_0-1673765900196.png
GemPages_0-1673765900196.png400×162 25.3 KB

  1. add my code above the tag on Theme.liquid:

I hope you find the answer helpful.

Kind & Best regards,
GemPages Support Team.

6

Hi @shopsk100

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

Online Store ->Theme ->Edit code

Assets ->Section-main-product.css

.product__title>h1 {
    font-size: 50px !important;
}
.product__description{
   font-size: 18px !important;
}

Hope you find my answer helpful!

Best regards,

Victor | PageFly