Change header design

1 example. Change header

A. Change header color from blue to yellow

Steps:
1. Site > Control Panel > icon Freeshop > icon Stile your shop > tab Header > tab Background
2. Area Header background style > row Background color write color code with # symbol



3. Click icon Apply template
4. Clean cache: Tools > Clean cache > tick all rows and click Delete
5. Refresh the webpage

Before
After

B. Change header outer color from blue to yellow and header inner upload the picture

Steps:
1. Site > Control Panel > icon Freeshop > icon Stile your shop > link Images
2. Create the image: 950px length and 127px height and upload the image: click the button Browse and icon Upload images on the top right



3. Link Stile your shop > tab Header > tab Background

4. Area Header background style > row Background color write color code with # symbol

Area Header inner background > row Picture - select image; row Repeating - select No-repeat

5. Click icon Apply template
6. Clean cache: Tools > Clean cache > tick all rows and click Delete
7. Refresh the webpage

Before

After

C. Change header text color from white to black and change login and cart icons.

Steps:
1. Site > Control Panel > icon Freeshop > icon Stile your shop > link Images
2. Create the image: 20px length and 14px height and upload the image: click the button Browse and icon Upload images on the top right
3. Link Stile your shop > tab Header > tab Background
4. Select images in area: Header login link icon and Header cart link icon



5. Click tab Texts > write color codes with symbol # (Header list hovered hyperlinks color - it's color, when your mouse will be over the text link)



5. Click icon Apply template
6. Clean cache: Tools > Clean cache > tick all rows and click Delete
7. Refresh the webpage

Before

After