Hey Guys,

I am working on this new template and having some trouble with the spacing of the Zen Grid. I want the main photo to be centered with no space on left and right. It's in the banner position at the moment. There is a left margin of 20px which seems to be controlled by the gutter spacing. When I take the spacing off however the whole template goes kaput. It loses all the margin space. How can just fix the banner position?
Here is the link:

0307263.netsolhost.com/index.php?option=com_content&view=article&id=11&Itemid=5

Thanks again!

Hey Frances,

You need to apply a negative margin to get the banner to sit right on the edge of the container.

Try adding:

#banner {margin-left:-20px}

That should fix it.

Design is very slick by the way

Anthony

Ha! Awesome works perfect!

Glad you like the design.

I have last question. I added a background image with this code: body {background: #1b1b1b url(../images/background.jpg) no-repeat center top}

The image is in the container folder in the images folder. I even put it in the main images folder and it still doesn't show up. Any ideas?

Hi Frances,

The background image is not at that location, or it has a different name. The browser simply doesn't find it.

I tried it with the direct link as well and it still doesn't show.
Here is the direct link: 0307263.netsolhost.com/templates/zengrid/style/container/images/background.jpg

Here is the code:
body {background: #1b1b1b url(0307263.netsolhost.com/templates/zengrid/style/container/images/background.jpg) no-repeat center top}

Still nothing.

Right, in that case you css need to be:

body {background: #1b1b1b url("../container/images/background.jpg") no-repeat center top}

Awesome thank so much! You rock!

No problem Frances