Color at left and right side

[ladivito]

Hi,

did anyone know how to put the color at the left and right side as in attachment ?

or background color (pics) because i want the center is still maintain the white background...


Thanks

[ladivito]

anyone help ?

i try to change in the global.css the background color but it seem not able to work because the whole background is change to red and not just lift and right bar....

i oso try to add in a background picture but the picture oso appear at the center space and not just left and right

thanks

[rocky]

I suggest that you use a repeated background image on the page that is a single line including the left column colour, center column column and right column colour.

[kdk]

The color at the left and the right side is the background-color of the body.

If you change the body-background you have to add a wrapper around all content and make the background of the wrapper e.g. white.

[ladivito]

rocky and kdk...

can both of you show me directly which is the code i has to modify ?

i'm confused what's the different between your suggestion....

thank you very much

[ladivito]

#left_column, #center_column, #right_column { float: left }
#left_column {
   clear: left;
   width: 191px;
   margin-right: 21px;
   overflow: hidden
   background-color: red;
}
#center_column {
   width: 556px;
   margin: 0 0 30px 0;
   overflow: hidden
   background-color: white;
}
#right_column {
   width: 191px;
   margin-left: 21px;
   overflow: hidden
   background-color: red;
}

i tried with this code but nothing happen.....

[ladivito]

body {
   background-color: red;
   font-size: 11px;
   font-family: Verdana, Arial, Helvetica, Sans-Serif;
   color: #5d717e;
   text-align: center
}

i tried this again and it show up this....

[ladivito]

/* global layout */
#page {
   width: 980px;
   margin: 0 auto 2px auto;
   text-align: left
border:0px solid white;
padding:3px;
background: white;  
}

problem solved after put the last 3 lines....thanks to prestamagazine

[ladivito]

it solved the problem but the product page is mess up with all the text align to right.....then the blockcart ajax is not working.....

i dunno why at all......oh my goodness....