PS v1.5.3: How can I apply or change block background colours

[RetailGUY]

Hi,

 

Wondering if anyone can help, I managed to add a background image instead of a colour to my site, the problem I have now is that all the blocks [left, centre & right] appear to be transparent, making the contained text difficult to read, so I want to make the block background white.

 

I have noticed that global.css now incorporates the .css modules files code into instead of separate files, what do I need to change or add to global.css to replace the transparency with a solid colour?

 

Thanks

[Herland]

Can you post your webpage please?

[RetailGUY]

https://digitalempire.co.za

[Herland]

go to grid_prestashop.css line 44; add: background:#fff;

 

To me it looks weird that way. I would suggest to add a white background to the whole page: grid_prestashop.css line 11, and add: background:#fff.

 

Tell me how that works.

[RetailGUY]

Just waiting for a ftp transfer to finish, then I'll try it out and let you know.

[RetailGUY]

That didn't work too well, placed all blocks on the left side Column.

[Herland]

To make it more detailed:

 

Go to themes/yourtheme/css/grid_prestashop.css

 

Open, and edit in line 44:

 

.container_9 .grid_2 {
width: 202px;
background: #fff;  /*ADD THIS LINE HERE*/
padding-left: 0px;
}

 

This is for the columns, now for the page, in line 11:

 

.container_9 {
margin: 0px auto;
width: 980px;
background: #fff; /* ADD THIS LINE HERE*/
}

 

It doesn't add up to me it moves the columns to the left side, since in the coding I gave you there's no padding.

 

You may want to show me the code you're trying to modify if this doesn't work.

Edited January 13, 2013 by Herland (see edit history)

[RetailGUY]

for some reason my .container_9 .grid_2 is on line 88...

[Herland]

that's weird, my editor says 44, try 88

[RetailGUY]

Worked, check it out. Though personally would prefer only the block to be filled.

[Herland]

alright, cool. In that case edit

.container_9 {
    margin: 0px auto;
    width: 980px;
    /*background: #fff;*/
}

Edited January 13, 2013 by Herland (see edit history)

[RetailGUY]

tried and didn't chance anything

 

.container_9 {

 

margin: 0px auto;

 

width: 980px;

 

background: #fff;*/

 

}

[Herland]

check again, you typed it out wrong

Edited January 13, 2013 by Herland (see edit history)

[RetailGUY]

I don't see it?