Articles on: Online Store (Website)

Change text format & background image

In this article:
  1. Introduction
  2. Change Heading and Body font
  3. Change Heading text color
  4. Change Body text color, Background color, Button color, Button label color and Outline color
  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



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

Was this article helpful?

Share your feedback

Cancel

Thank you!