Background images for header, body, and footer...

[95 Boyz]

I'm trying to use my Photoshop design for a Zen cart that I have. I want to edit the whole header, the mainwrapper (I think that's where the body of the website is), and the whole footer. When put together, it makes one big design. Anyone know where to point me to editing those sections?

[vito]

You can change the header background image in your css file (look for #logoWrapper).

You can edit the footer as per
https://www.zen-cart.com/tutorials/i...hp?article=234

You will find most of your answers in the tutorial section.
https://www.zen-cart.com/tutorials/index.php is your friend. :)

Vito

[gjh42]

#mainWrapper is the entire area of the page not counting blank/background space around it, if any.
#contentMainWrapper is the area between the header and the footer.

Assuming your page will be a fixed width and your header and footer will be fixed heights, cut your Photoshop image into sections that fit the header and footer, and apply them as background-images to #headerWrapper and #mainWrapper respectively. (The footer area is made up of two or three separate elements, and using the bottom of #mainWrapper may be easiest.)

The remaining center part of the design will be the background-image for
#contentMainWrapper. This part will have to be able to repeat vertically to fit any height of page content.

#headerWrapper {background-image: url(../images/topbg.gif); background-position: top center; background-repeat: no-repeat;} 

#mainWrapper {background-image: url(../images/bottombg.gif); background-position: bottom center; background-repeat: no-repeat;} 

#contentMainWrapper {background-image: url(../images/middlebg.gif); background-position: top center; background-repeat: repeat-y;}

There are other possible ways of organizing this as well, and some may be better for certain designs.

[95 Boyz]

Right on to the both of you for all that info. I have my hands full tomorrow but I'll let you guys know how it goes. This is the best forum EVER.. EVA... EVAH... EVAAAAAH!!! LOL