Change text format & background image

In this article:

Introduction
Change Heading and Body font
Change Heading text color
Change Body text color, Background color, Button color, Button label color and Outline color
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

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 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.clippingpathindia.com/blog/2018/02/07/color-background-ecommerce-site/

2. Change Heading and Body font

Step 1 : EasyStore Admin > Channels > Online Store > Theme > Customize > Setting > Typography

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



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



Step 4 : Done

3. Change Heading text color

Step 1 : EasyStore Admin > Channels > Online Store > Theme > Customize > Setting > Header

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



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



Step 4 : Done

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

Step 1 : EasyStore Admin > 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'.



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



Step 4 : Done

5. Change background image

Step 1 : EasyStore Admin > Channels > Online Store > Customize > Setting

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



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

Recommended background image resolution: 1063 x 1890px



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



Step 5 : Done

Updated on: 11/10/2023