> ## 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).

# Change text format & background image

###### In this article:
1. [Introduction](#2-1-introduction)
2. [Change Heading and Body font](#2-2-change-heading-and-body-font)
3. [Change Heading text color](#2-3-change-heading-text-color)
4. [Change **Body text** color, **Background** color, **Button** color, **Button label** color and **Outline** color](#2-4-change-body-text-color-background-color-button-color-button-label-color-and-outline-color)
5. [Change background image](#2-5-change-background-image)

###  📌 Important note :
*   We do not allow to change or edit the code for the **checkout page** (which include shipping & payment method) due to security reasons    
*   We have added an option for you to display image with original quality. Therefore, your store will be using the image with original size and format.    
*   You can enabled it at Channels > Online Store > Customize > Setting > Image  

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/b-92_1he55ne.png)

## 1. Introduction

Your choice of font type and size is vital in the world of e-commerce, because the written text is the primary communication between a merchant and a potential consumer. In one interesting example, cited in a 2002 paper in The Journal of Consumer Psychology, researchers found the choice of font affected readers’ ability to remember advertising copy and the claims it made. You need to be aware of this extra boost so that customers will remember your product and brand!

While the background is just one component of your e-commerce website, the color (or images) you choose matter: [One KISSmetrics report](https://blog.kissmetrics.com/color-psychology/) shows that 93% of consumers place color and appearance above other factors when making a buying decision. Another 85% state color as the primary factor in their decision to buy a product.

Cited from:  
[https://www.salehoo.com/blog/why-good-typography-is-essential-for-e-commerce-success](https://www.salehoo.com/blog/why-good-typography-is-essential-for-e-commerce-success)  
[https://www.clippingpathindia.com/blog/2018/02/07/color-background-ecommerce-site/](https://www.clippingpathindia.com/blog/2018/02/07/color-background-ecommerce-site/)      

## 2. Change Heading and Body font 

**Step 1 :** [EasyStore Admin](https://admin.easystore.co/home) > Channels > Online Store > Theme > Customize > Setting > Typography

**Step 2 :** Under Heading and Body text, select your preferred font, size and design > click 'OK'

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/b-94_w6j0dn.png)

**Step 3 :** Wait for the preview to refresh > click 'Save'

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/b-95_1528v9a.png)

**Step 4 :** Done    


## 3. Change Heading text color

**Step 1 :** [EasyStore Admin](https://admin.easystore.co/home) > Channels > Online Store > Theme > Customize > Setting > Header

**Step 2 ：** Under Heading text, select your preferred color > click 'OK'.

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/b-96_17acdc5.png)

**Step 3 :** Wait for the preview to refresh > click 'Save'

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/b-97_unpjdl.png)

**Step 4** : Done    
 

## 4. Change **Body text** color, **Background** color, **Button** color, **Button label** color and **Outline** color

**Step 1 :** [EasyStore Admin](https://admin.easystore.co/home) > Channels > Online Store > Theme > Customize > Setting > Color

**Step 2 ：** Under Color, select your preferred **Body text** color, **Background** color, **Button** color, **Button label** color and **Outline** color > click 'OK'.

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/b-99_j20wsf.png)

**Step 3 :** Wait for the preview to refresh > click 'Save'

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/b-97_14e9o64.png)

**Step 4** : Done    


## 5. Change background image

**Step 1 :** [EasyStore Admin](https://admin.easystore.co/home) > Channels > Online Store > Customize > Setting

**Step 2 :** Under Background, hover over the existing background image > click on it.

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/b-2023-10-11t144332068_1gvzjtx.png)

**Step 3 :** Click on 'Upload image' > select your preferred background image > click 'Confirm'.  

| Recommended background image resolution: 1063 x 1890px

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/b-2023-10-11t144542889_5u8alj.png)

**Step 4 :** Wait for the preview to refresh > click 'Save'

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/b-97_1ef11jy.png)

**Step 5 :** Done