Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / How to Center Ezpage header Navigation

How to Center Ezpage header Navigation

Locked

Views: 2,216

Results 1 to 5 of 5
This thread is locked. New replies are disabled.
16 Mar 2007, 1:53 AM
#1
cshart avatar

cshart

Zen Follower

Join Date:
Mar 2005
Posts:
370
Plugin Contributions:
0

How to Center Ezpage header Navigation

I have a site that is coming along well except I can not center the Ezpage Navigation. Thought it would be margin: auto; in the navEzpagesTop but that didn't work. Don't see anywhere in the template that I could hard code that.

Help appreciated.

C.

16 Mar 2007, 12:17 PM
#2
schoolboy avatar

schoolboy

Totally Zenned

Join Date:
Jun 2005
Location:
Cumbria, UK
Posts:
10,327
Plugin Contributions:
0

Re: How to Center Ezpage header Navigation

(Sorry,,, see below)

16 Mar 2007, 12:19 PM
#3
schoolboy avatar

schoolboy

Totally Zenned

Join Date:
Jun 2005
Location:
Cumbria, UK
Posts:
10,327
Plugin Contributions:
0

Re: How to Center Ezpage header Navigation

In your stylesheet

Put THIS:-
text-align: center;

UNDER HERE:
#navEZPagesTop {

SO:-

#navEZPagesTop {
text-align: center;

(Mine looks like this, but it's possible the remaining style tags are different in your css):-

#navEZPagesTop {

text-align: center;
background-color: #abbbd3;
background-image: url(../images/tile_back.gif);
font-size: 0.95em;
font-weight: bold;
margin: 0em;
padding: 0.5em;
}

16 Mar 2007, 3:23 PM
#4
cshart avatar

cshart

Zen Follower

Join Date:
Mar 2005
Posts:
370
Plugin Contributions:
0

Re: How to Center Ezpage header Navigation

schoolboy:

In your stylesheet

Put THIS:-
text-align: center;

UNDER HERE:
#navEZPagesTop {

SO:-

#navEZPagesTop {
text-align: center;

(Mine looks like this, but it's possible the remaining style tags are different in your css):-

#navEZPagesTop {

text-align: center;
background-color: #abbbd3;
background-image: url(../images/tile_back.gif);
font-size: 0.95em;
font-weight: bold;
margin: 0em;
padding: 0.5em;
}

Did not work for me. I had to indent the left margin to make it work.

Wonder why the text-align:center; did not work. It should?

C

16 Mar 2007, 4:23 PM
#5
schoolboy avatar

schoolboy

Totally Zenned

Join Date:
Jun 2005
Location:
Cumbria, UK
Posts:
10,327
Plugin Contributions:
0

Re: How to Center Ezpage header Navigation

Do you have:-

#navEZPagesTop {

Listed anywhere else on the css.

(I do so many sites I can never recall if I've split up the styles to suit my layouts!)

Look for a possible second instance of " #navEZPagesTop { " .

Comment it out, or split it from the group it may be listed with, and create a separate set of styles for it