Design

Change fonts & colors

You can easily customize your store’s design by changing the colors and fonts in your store.

To change your store’s color scheme:

  1. In your 22Stores admin go to Design.
  2. Design: change colors
  3. In your Design tab click on Customize near Fonts & Colors.
  4. Design: change colors
  5. Under Colors you will find 5 ready-to-use color presets that you can switch to.
  6. Design: change colors
  7. For more color options click on Customize colors below.
  8. Next, with the color picker choose a color for each of the 5 colors: background color, text color, button color, title color and menu color.
  9. Design: change colors
  10. Use the live preview to see how you store will look with the colors you choose and click on Save to apply these changes.
  11. Next, you can also change the fonts showing in your store. to do so just click on the Fonts tab besides your Colors tab.
  12. Under Fonts you will find 5 ready-to-use font options for your store, each with a title font and text font.
  13. Design: change colors
  14. Use also here the live preview to see how you store will look with the fonts you choose and click on Save to apply these changes.

Edit homepage

You can easily customize your store’s homepage by adding a logo, banner, choosing the number of products showing and editing your notification bar.

To change your store’s homepage:

  1. In your Design tab click on Customize near Store homepage.
  2. Design: change colors
  3. To add a logo to your store’s homepage click on Upload. Recommended dimensions are 270X60px, logo will be resized to fit in the store. The logo will replace the name of your store showing in your homepage.
  4. Design: change logo
  5. Next, you can replace the featured products showing at the top of your store with your own custom banner. To do so choose the header option from and upload your banner. The recommended dimensions for the banner are 1170X402px.
  6. Design: change banner
  7. Change the number of products that will show in your store’s home page under Products, you can choose 6, 9 or 12 products to show in your homepage.
  8. Design: change number of products
  9. To edit your store’s notification bar simply change the text in the Notification bar field. This will change the text showing at the top right corner of your store.
  10. Design: edit notifcation bar
  11. Click on Save to save the changes to your homepage.

Add social icons

Under your Design settings you will also be able to add the links to your social accounts.

To add social links to your store:

  1. In your Design tab click on Customize near Social media.
  2. Design: edit notifcation bar
  3. Next, enter the links to any of the following social accounts: Facebook, Twitter, Pinterest, Tumblr, Instagram, Google Plus and YouTube.
  4. Design: edit notifcation bar
  5. Click on Save at the top to save your changes.

Contact Us

Have any questions? Need help?

Fill out the form below and we will get back to you!

Your Name (required)

Your Email (required)

Subject

Your Message