header width modification in CSS

[lieven23]

hello
I have installed a Zencart template with a horizontal header displayed the full length of the screen. But I would like the header be the same length as the main container. (750px)
I went looking for the CSS file in my template classic > css > stylesheet.css

#logoWrapper{
background-image: url(../images/header_bg.jpg);
background-repeat: repeat-x;
background-color: #ffffff;
height:75px;
}

and changed it in:

#logoWrapper{
background-image: url(../images/header_bg.jpg);
background-color: #ffffff;
height:75px;
width:750px;
}

Than I saved the file , but nothing happened in the browser. It is still a header
over the full length of the screen.

[charmedbytina2]

Look at the codes for logo and/or header wrapper.

Tina

[gjh42]

You need to give a link so we can see your site if you want useful advice here.

If you have installed a template, that template's folder is the place to make changes, not /classic/.

[lieven23]

Has it something to do with cache settings??

[gjh42]

What is the name of your template? Can you post a link to your site?

[lieven23]

Thx gjh42,
I looked in my template folder > css and made the same changes
width:750px
removed: repeat-x
and it works:-)

The site is still local, so I can't give you the url yet

[lieven23]

My header is 750px long and begins at the left of my screen. I'd like to see hem centered.
I tried to insert the following code to for the header:

horizontal-align:center;
but the header is still starting at the upper left of the screen.

Does anyone see what I do wrong?

[gjh42]

To position the background image within #logoWrapper, try something like
background-position: top center;
To position #logoWrapper in the header, try
margin: auto;

#logoWrapper{
    background-image: url(../images/header_bg.jpg);
    background-position: top center;
    background-color: #ffffff;
    height:75px;
    width:750px;
    margin: auto;
    }

[lieven23]

Thx:-)
it worked just fine.

[lieven23]

http://afro-masks.com/index.php