Hi There,

I was just wondering. For most templates you can easily change the background color, but is there a easy way to replace the background with an image? Where can you do this and what would you need to change?

Kind regards

It depends on the template really

What template are you using?

Cheers
Paul

I have actually wondered for a couple of templates. But i am now using Revision. Cant seem to change the background color as-well?

You need to override the background colours normally from the
wrap div by applying transparent ( #grid1wrap for example would be a div in the responsive template)

Then adding an image to the body and styling that image as required

Cheers
Paul

But its best if we have a specific example to refer to

Thanks for the reply Paul.

What do i need to change on www.plantsolutions.co.za to get the background gray?

I tried changing

html > body {
background: #333;
font-size: 14px;
margin: 0;
}

And adding it to custom.css but did not change anything

That is the wrong div - there are wraps sitting on top of it to you need to target each of these

body #logowrap , #navwrap etc with a background colour value

If you wanted an image you would target all div wraps with transparent and add the background image to the html element

Then style the image as required

Cheers
Paul

For future reference and if someone might need it, this is how i did it:

I changed all the wrappers to transparent: (top, banner, nav, grid1-7, main, bottom and footer) e.g

#bannerwrap {
background: transparent;

}

Then i added this to make sure the picture does not scroll:

#zen-background {
position: fixed;
}

And then i created a module in module manager and typed in the module position as "background". Picked the pages that i want it displayed on, or made n new background for each page. And it worked

Thanks Paul!!!

Thanks for the update

I should mention not all templates have the background position

Cheers
Paul