Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Centering Page Title

Centering Page Title

Views: 702

Results 1 to 8 of 8
5 Jun 2011, 2:08 AM
#1
tinamohd avatar

tinamohd

New Zenner

Join Date:
Jun 2011
Posts:
9
Plugin Contributions:
0

Centering Page Title

Hello, I am using v1.3.9h. Please advise how do I center page title. For example, on my Privacy Notice Page the title "Privacy Notice" is on the left and I would like to center it. Thank you.

5 Jun 2011, 2:08 AM
#2
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,180
Plugin Contributions:
0

Re: Centering Page Title

Please post a link to the page in question without the http://www.

5 Jun 2011, 2:44 AM
#3
tinamohd avatar

tinamohd

New Zenner

Join Date:
Jun 2011
Posts:
9
Plugin Contributions:
0

Re: Centering Page Title

Here's the link fashionclickers.com/index.php?main_page=privacy

Thank you

5 Jun 2011, 2:51 AM
#4
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,180
Plugin Contributions:
0

Re: Centering Page Title

Add this to the bottom of includes/templates/cherry_zen/css/stylesheet.css

#privacyDefaultHeading {
text-align: center;
}

When you get time download a copy of Moxilla Firefox with the add on called Firebug..

Then google: > youtube firefox firebug

A free web development tool that allow you to view the stylesheet.css and etc to make changes to your div id's and classes and if you like then upload the changes to the stylesheet.css to your server.. :smile:

5 Jun 2011, 2:56 AM
#5
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,180
Plugin Contributions:
0

Re: Centering Page Title

Take a look at the navmain how it is floating on the right hand side.. I believe it looks better in the center since we just center Privacy Notice...

#navMain ul {
float: right;
list-style: none outside none;
}Change the highlighted red font about to this: /float: right;/

5 Jun 2011, 3:15 AM
#6
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,180
Plugin Contributions:
0

Re: Centering Page Title

Look at this here to fix the tagline wording to center correctly..

Find this:

#taglineWrapper {
width: 65%;
}

#tagline {
font-size: 1.3em;
margin-left: 320px;
padding: 23px 8px 30px;
text-align: center;
vertical-align: middle;
}

Change to this:

#taglineWrapper {
width: 100%;
}

#tagline {
font-size: 1.3em;
padding: 23px 8px 10px 0px;
text-align: center;
vertical-align: middle;
}

5 Jun 2011, 2:44 PM
#7
tinamohd avatar

tinamohd

New Zenner

Join Date:
Jun 2011
Posts:
9
Plugin Contributions:
0

Re: Centering Page Title

Thank you very very much. It works. Can't believe I spent two days looking for the solution. :hug:

5 Jun 2011, 5:51 PM
#8
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,180
Plugin Contributions:
0

Re: Centering Page Title

You are most welcome, and ty for posting the solution ...