How do I place a background image?

[afo]

My mistake. You were right the first time. https://www.zen-cart.com/tutorials/i...hp?article=125

[MamaT]

Where exactly in the code should this be? I wonder if I have it in the wrong spot?

[MamaT]

My mistake. You were right the first time. https://www.zen-cart.com/tutorials/i...hp?article=125

Ok! That must be where I got it then.

Here's my code:

.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
float:left;
}
#logo {text-align: center;
}

It's not doing anything on the site though

[MamaT]

LOL! I noticed when I pasted that on there that I still had one thing floating left. Thought it would be great now. Changed it to this:

.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
text-align: center;
}
#logo {text-align: center;
}

But it still didn't do anything

[afo]

The logo you're using is wider than the site which is why it's not working. It can't center it because it's too big to center.

[MamaT]

The logo you're using is wider than the site which is why it's not working. It can't center it because it's too big to center.

Ahhhhh!! How do you know these things?!

What size does it need to be? The 760x110 as seen here? :https://www.zen-cart.com/tutorials/i...hp?article=124

[MamaT]

I resized the header in photoshop, uploaded it to the server, changed the image name and sizing numbers, and all it did was show a second one over the first. Neither was centered. I deleted the new one and went back to the first. WHAT am I doing wrong?! The header should be one of the easy parts! LOL!

[MamaT]

It's FIXED!!!!

A friends husband suggested the following. I tried it and it took care of the problem!!

In this stylesheet:

includes/templates/mostlygrey/css/stylesheet.css
find the block that begins with:

#logoWrapper {

and inside that block, try adding:

margin: auto;


Since you are specifying a width for that block, that should tell it to automatically balance the margins on either side which should center the box.