In this article :

Change product title font size in collection page
Change price font size in collection page
Change product title font size in product page


⚠️ Kindly take note :
Above all code editing, you will need to re-edit the code again if you switch to a new theme template
We do not allow to change or edit the code for the checkout page (which include shipping & payment method) due to security reasons
Only applicable for new themes (Aroma, Kiddy, Freshbit and after)

1. Change product title font size in collection page

Step 1 : From EasyStore Admin Panel > Channels > Online Store > Themes > Edit source > assets > component-card.css.

Step 2 : Look for .card-information__text around line 230 > insert font-size: 20px; below it and adjust the size.

2. Change price font size in collection page

Step 1 : From EasyStore Admin > Channels > Online Store > Themes > Edit source > assets > component-price.css > adjust font-size: 1.4rem;.

3. Change product title font size in product page

Step 1 : From EasyStore Admin > Channels > Online Store > Themes > Edit source > assets > base.css.

Step 2 : Paste the codes at the bottom and adjust the font size.

h1.product__title {
    font-size: 30px;
}

Updated on: 12/10/2023