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

[shopsk100]

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

[suyash1]

@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;}

[shopsk100]

how do i change the product title size more?

[suyash1]

@shopsk100 - add this and change as per the need

.product__title{font-size:16px;}

[GemPages]

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:

2. add my code  above the </body> tag on Theme.liquid:

<style>
	.product__info-wrapper .product__title h1 {
		font-size: 20px !important;
	}
	.product__info-wrapper .product__description {
		font-size: 14px !important;
	}
</style>

I hope you find the answer helpful.

Kind & Best regards,
GemPages Support Team.

[PageFly-Victor]

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