Changing colors, editing skin1.css file

Now you'll change the color schema using the skin2.css file.

1. Click Edit templates on the Administration menu.

2. Click the skin1.css file and the Edit file form opens.

3. Replace the following colors:

• #FFFBD3 with #BBEEFF for BACKGROUND-COLOR.

• #FF8600 with #333399 for BACKGROUND-COLOR.

• #FF6600 with #000066 for BACKGROUND-COLOR.

• #FFD44C with #44DDFF for BACKGROUND-COLOR.

• #330000 with #FFFF33 for FONT-COLOR.

• #FF3300 with #FF0000 for FONT-COLOR.

• #FF8600 with #FFDD00 for dialog border BACKGROUND-COLOR.

Tip: You can view and make colors using any graphical editor, for example Adobe Photoshop. You can work with hexadecimal values of colors. It is convenient to copy colors as hexadecimal values to the Clipboard and paste them into an HTML document.

4. Click Save file to update the changes.

5. Open the Customer front end and view the result, it should be as shown in picture 1.

Picture 1: FinestShops - skin2