How to change font-size on Product Cards and Product Pages (Enterprise theme)?

[ivanhoecyc3079]

Hello, my store is https://ivanhoe-cycles-3868.myshopify.com

I'm using Enterprise theme.

Enterprise doesn't allow me to adjust font-size on targeted sections like product cards or product pages, only the base font-size, and it calculates it using formulas in the theme itself. 

Any ideas how I can increase the size of the Product Title and Price under the product cards (on collection pages) and also the Title H1 and Price on Product Pages? 

Thanks!

[Dan-From-Ryviu · Accepted solution]

You can do that by adding this code to Custom CSS in Online Store > Themes > Customize > Theme settings

.product-info .product-title,
.product-info .product-info__price {
font-size: 30px;
}
.card__info-inner {
font-size: 20px;
}

[ivanhoecyc3079]

That worked a treat, thank you Dan!

[Dan-From-Ryviu]

You are very welcome! 

[Gideon11]

Send a snapshot of your theme editor, you need custom css.

Here's the code below but I need to tell you where to insert it and I can only do that when see your theme layout

.card__title {
  /* Replace 50px with your desired font-size*/
   font-size: 50px;
}

for the product title on the product page here's the code you need.

.product-title {
   /* Replace 50px with your desired font-size*/
   font-size: 50px;
}

[GTLOfficial]

Go to online store ---------> themes --------------> actions ------> edit code------->assets-----> main.css
add this code at the end of the file.

p.card__title.font-bold.mt-1.mb-0 {
font-size: 22px;
}
.card:not(.card--related).card--no-lines .price {
font-size: 20px;
}
.product-info .product-title, .product-info .product-info__price {
font-size: 33px;
}

and the result will be

If this was helpful, hit the like button and mark the job as completed.
Thanks