> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://support.easystore.co/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Adjust Product Name and Price Font in Collection Page

### In this article :
1. [Change product title font size in collection page](#1-1-change-product-title-font-size-in-collection-page)
2. [Change price font size in collection page](#1-2-change-price-font-size-in-collection-page)
3. [Change product title font size in product page](#1-3-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

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_1cvyd19.png)

**Step 1** : From [EasyStore Admin Panel](https://admin.easystore.co/) > 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.

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_1dr3zgr.png)

# 2. Change price font size in collection page

**Step 1** : From [EasyStore Admin](https://admin.easystore.co/) > Channels > Online Store > Themes > Edit source > assets > **component-price.css** > adjust **font-size: 1.4rem;**.

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_vpju3u.png)

# 3. Change product title font size in product page

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_aqjw31.png)

**Step 1** : From [EasyStore Admin](https://admin.easystore.co/) > Channels > Online Store > Themes > Edit source > assets > **base.css**.

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

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

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/screenshot-2023-10-12-at-20392_ud3wb6.png)