Page 1 of 1

Different bg color on the sides and add lines

Posted: Fri Oct 08, 2010 8:20 pm
by anmgra
Look at the picture. I want to have a grey color on the side of my store, and also a line on each side. Does anyone know if there is an easy way to do this on the default template? version 1.4.9.1

Image

Re: Different bg color on the sides and add lines

Posted: Sat Oct 09, 2010 2:51 am
by mystifier
You will need to edit catalog/view/theme/THEME/stylesheet/stylesheet.css.

To set the sides to grey, you will need to add to, example:

body{

Code: Select all

    background-colour: #ccc;
or

body{

Code: Select all

    background: #FFF url('../image/bg.gif') repeat;	
But this will also be applied to the central (container) section so you will need to override it, example:

#container {

Code: Select all

    background-color: #fff;
There are a few ways to add lines. A simple example is to add:

#container {

Code: Select all

    border-left: 2px solid grey;
    border-right: 2px solid grey;