Changing the style of elements in the storefront

Modified on: Mon, Apr 7, 2014 at 11:02 AM


To change the style (font, color) of some design elements (links, text, etc.):

  1. In the administration panel go to Design > Themes.
  2. Choose the desired layout for the currently used theme and click the Visual editor button near its name.

To change the font of elements:
  1. In the left panel of the opened editor find the Customize section and choose Fonts from the drop-down menu.
  2. Find the required element and change the font, its style and size with the appropriate controls.
  3. Click the Save button.



To change the color of some elements:
  1. In the left panel of the opened editor find the Customize section and choose Colors from the drop-down menu.
  2. Find the required element and change its color by clicking on  the color field. In the opened window choose one of the given colors or  define color in hexademical value in the special field. Click the Choose button.
  3. Click the Save button.


 


To change the background color of some style elements:
  1. In the left panel of the opened editor find the Customize section and choose Backgrounds from the drop-down menu.
  2. Find the required element and change its color by clicking on  the color field. In the opened window choose one of the given colors or  define color in hexademical value in the special field. Click the Choose button. You can also choose pattern for the background. Choose one of  the given patterns from the drop-down list or click the gear icon to the right to upload your own image for the background. In the opened  section click Browse the choose an image from your local computer. Use the given controls to set up your background.
  3. Click the Save button.



If you want to reset all changes made after the last save, click the corresponding reset button (Reset fonts, Reset colors or Reset backgrounds).


Did you find it helpful? Yes No

Can you please tell us how we can improve this article?