How to Customize Bluescale Magento Template

Background change

Light Grey background

View example

Download bg.gif into /YourMagentoDir/skin/frontend/default/YourSkin/images/

Open /YourMagentoDir/skin/frontend/default/YourSkin/css/skin.css.
Add following code to the end of skin.css file.

White background

View example

Download bg.gif into /YourMagentoDir/skin/frontend/default/YourSkin/images/

Open /YourMagentoDir/skin/frontend/default/YourSkin/css/skin.css.
Add following code to the end of skin.css file.

Blue flowers background

View example

Download bg.gif into /YourMagentoDir/skin/frontend/default/YourSkin/images/

Open /YourMagentoDir/skin/frontend/default/YourSkin/css/skin.css.
Add following code to the end of skin.css file.

Logo position change

Open /YourMagentoDir/skin/frontend/default/YourSkin/css/skin.css.
Add your code to the end of skin.css file

Logo change (psd-file)

Download logo psd-file

Insert a banner in the category

Insert a banner in the category

Where do I change the size of the category-bar, so another row of categories becomes visible.

Please open to edit skin.css file: [Magento Dir]/skin/frontend/default/bluescale/css/skin.css

At the line 267 change styles for #nav with following code

Go to contentsBack to previous page