Question about Custom CSS

[helen99]

Does anyone know the custom CSS to display a background image in the "page background" section of the Transmogrified style? I'm guessing the CSS would have to specify the page section/container/position as well as the image (so the image didn't display in the 'entry' section and obscure the text, for example).

Eventually I'll switch to Core2 (Tabula Rasa?) when it's ready, at which point I'll want to know how to apply a background image (or different colors) to separate portions of the layout, and how to change the arrangement of the layout parts using CSS. Transmogrified is the practice style until that happens...

Comments

[ex_lindsay366]

Here 'tis:

#container {
background: url('http://your.url.com/here.gif') no-repeat fixed center;
}

[helen99]

Thanks!

[helen99]

It worked, and I was able to build on what you gave me so the image won't look different on different sized screens ->

#container {
background: url('http://www.rialian.com/purple-vortex.jpg') no-repeat fixed center; top:0; left:0; width:100%; height:100%;
}

Thanks very much - I'd been wondering how to do this for a while.