multiple background images???

Actually that’s a lot harder than it should be. You can’t use two background images on one div, so you would need to put an extra div in main wrapping the content and sidebar divs and give that the second background image.

Any given element on a page can have only one background image. Whichever one is declared last should be the one that shows up.

If you want to apply a background image at the end of your page, you will have to create a new element to contain it. For example, at the bottom of your #main container, insert a #footer container, to which you can apply you second background.

hi – thanks for this – i sort of tried the new element – didn’t really work, going to have research how to do this – any pointers for a completely green individual?

Thanks again!

Don’t name the new element id=”footer”, you already have one of those on your side… try naming it id=”the-content-footer” and then apply you css like this:

#the-content-footer{
    width:100%;
    height: -- your background height --
    clear:both;
}

Hi Towonder – thank you.

Problem is i have no idea where to actually put this, i am guessing in the page template?

been fiddling with it and rolling it back with every unsuccessful attempt – lol – i am not a developer just someone playing with a site really – would love to know, and i am slowley getting there?

is there a step by step guide located somewhere?

Cheers once again

Hey OKLander,

the page template is a good start… and you should put int under this div-tag:

<div id="sidebar-secondary">...</div>

This is basic HTML… here’s a good set of tutorials and documentation to get you started: https://htmldog.com/guides/htmlbeginner/

thank you