WordPress.org

Forums

[resolved] How do I center the text on my top navigation bar? (6 posts)

  1. thebeautyedge
    Member
    Posted 2 years ago #

    I would like to center the text on my top navigation bar, so I can eliminate the empty space at the end of the bar.

    http://www.thebeautyedge.com

    What changes to I need to make to the code?

    Here is the code:

    [CSS code moderated - no need to post large amounts of css as this is accessible from the link to your site - for posting code in general see http://codex.wordpress.org/Forum_Welcome#Posting_Code ]

    Please help! Thank you.

  2. Bethany Cooper
    Member
    Posted 2 years ago #

    Change this code (in style.css, line 178):

    #topMenu {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 958px;
    }
    #topMenu ul.sf-menu {
    margin-left: -1px;
    }
    #topMenu ul.sf-menu li {
    float: left;
    line-height: 43px;
    padding: 0 12px;
    }

    to this:

    #topMenu {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 959px;
    }
    #topMenu ul.sf-menu {
    margin-left: -1px;
    }
    #topMenu ul.sf-menu li {
    float: left;
    line-height: 43px;
    padding: 0px 19px 0px 19px;
    }

  3. thebeautyedge
    Member
    Posted 2 years ago #

    Thanks for replying, but it didn't work.
    This is what I got:
    http://i103.photobucket.com/albums/m121/daniara85/Fullscreencapture810201293119AMbmp.jpg

    Any other suggestions?

  4. Bethany Cooper
    Member
    Posted 2 years ago #

    Oh. I edited it in Firebug and it worked fine. Try making 'width:959px;' bigger until each button fits on the bar. If not, try making 'padding: 0px 19px 0px 19px;' smaller.

  5. thebeautyedge
    Member
    Posted 2 years ago #

    Thank you Bethany! I increased it to 963px and it looks perfect.
    I really appreciate your help!
    Daniella

  6. Bethany Cooper
    Member
    Posted 2 years ago #

    No problem! I'm glad it worked!

Topic Closed

This topic has been closed to new replies.

About this Topic