How to Center Header and Home Page Text from Far Left

Community Forums Forums Design Tips and Tricks How to Center Header and Home Page Text from Far Left

This topic is: resolved

This topic contains 7 replies, has 2 voices, and was last updated by  SoZo 1 year, 7 months ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #15956

    kupah
    Participant
    Post count: 16

    I have a one colomn static home page which is starting from the far left. I tried in Firebug to take off the ‘float left’ but it did not change anything. Now I see the Header is also flush left. Where is this margin setting for the header and home page text?

    http://www.sterlinglandscapes.com

    thanks – Gary

    #15984

    SoZo
    Moderator
    Post count: 1573

    If you’re going to have a static front page you’ll need to remove all instances of the .home body class from the style sheet, i.e. any selectors like .home #inner


    John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

    #16118

    kupah
    Participant
    Post count: 16

    There are a lot of references to .home . should I remove all that I see? Even if they are embedded in the style sheet and not the first word on the line? ex:

    #nav li.home a,
    #nav li.home a:hover {
    background: url(images/nav-home.png);
    height: 50px;
    padding: 0;
    text-indent: -9999px;
    width: 50px;

    Any instance of .home?

    Will this also by default center all the text on the page?

    Thanks

    #16124

    SoZo
    Moderator
    Post count: 1573

    No, just where it starts the line, that is the body class. Body classes come first in a selector. The example you posted is for customizing a home link in the menu.


    John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

    #16161

    kupah
    Participant
    Post count: 16

    Worked great! Just my header is still flush left. Can you tell me where to center that as well?

    Thanks SoZo.

    #16174

    SoZo
    Moderator
    Post count: 1573

    Set a width for the #header rule, 960px is the width of everything else.


    John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

    #16188

    kupah
    Participant
    Post count: 16

    You saved me! Thank you so much!

    Gary

    #16190

    SoZo
    Moderator
    Post count: 1573

    You’re welcome :)


    John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘How to Center Header and Home Page Text from Far Left’ is closed to new replies.