How do I use two background images? One for the header and one for the footer.

lmilesw · #1 Oct 25, 2010, 12:58 PM

Place the code for one background image in ATO>Body, Text & Links>Body Style as outlined on that page. Set it to repeat-x and positioned at the top.

No put the following code into the HTML/CSS inserts:

HTML Code:

html{background:#XXXXXX;background-image:url('http://Path_To_Image/bg-bottom.jpg');background-repeat:repeat-x;background-position:left bottom;}

This adds another background image to the html tag and positions it at the bottom. Put the background color in the html tag and remove it from the body tag.

You of course would add the correct color code and path to the image.

What you have is one background image in the body set to repeat-x and positioned at the top and another in the HTML/CSS inserts