SAMPLE THEME – How do i center navigation text?

Community Forums Forums Design Tips and Tricks SAMPLE THEME – How do i center navigation text?

This topic is: resolved

This topic contains 8 replies, has 4 voices, and was last updated by  David Chu 1 year, 10 months ago.

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #15248

    Lynsey
    Participant
    Post count: 39

    I would like to know how to center the navigation text in the sample theme, i tried text-align:center; in a few different parts but it’s not working.  Please can anyone help?

    #15347

    Susan
    Moderator
    Post count: 9406

    Try this tutorial:

    you need to look for: #nav

    [css]
    #nav{text-align:center}
    [/css]

    If you tried this, and it didn’t work (after clearing your cache), can you please post a link to your site, so we can look at the code. Thanks.


    Susan @ Graphically Designing I offer theme customizations I tweet!
    I’ve taken up the challenge! – help me answer some of the unanswered posts

    #15391

    Lynsey
    Participant
    Post count: 39

    Nope that didn’t work there is no nav or subnav in the css  this is the link to the site

    http://www.shinymagic.com/samplewp/

    #15419

    Susan Nelson
    Participant
    Post count: 207

    You’ll have to play around with it, but you could start with adding something like this:

    .genesis-nav-menu {
    clear: both;
     margin: 20px auto;
    overflow: hidden;
    width: 55%;
    }

    For the margin, you can use any number for the top/bottom – I just happened to use 20px.

    Ideally, you’ll need to add a structure wrap so that the black background can stretch from edge to edge…. Let me do a little looking to see what I can come up with. I’ll be back.


    Susan Nelson | Oh, Hello Designs | Twitter | Facebook

    #15421

    Susan Nelson
    Participant
    Post count: 207

    Oops – double post.


    Susan Nelson | Oh, Hello Designs | Twitter | Facebook

    #15448

    Susan
    Moderator
    Post count: 9406

    From my friend @bradleypotter:

    Apply text-align: center; to .genesis-nav-menu and remove float:left from .genesis-nav-menu ul and .genesis-nav-menu li


    Susan @ Graphically Designing I offer theme customizations I tweet!
    I’ve taken up the challenge! – help me answer some of the unanswered posts

    #15551

    Lynsey
    Participant
    Post count: 39

    Thanks so much susan that worked perfect!  And thank your friend bradley for me! And thank you to the other susan for your help!

    #15556

    Susan
    Moderator
    Post count: 9406

    Thanks for letting us know – I passed your thanks along to Bradley, too! :)

    Closing this thread as resolved – please start another thread if you have another question.


    Susan @ Graphically Designing I offer theme customizations I tweet!
    I’ve taken up the challenge! – help me answer some of the unanswered posts

    #15557

    David Chu
    Participant
    Post count: 1402

    Hi All,

    I used this method for centering my menu and it worked just fine.  However, if you only follow what’s in the article, dropdowns will be messed up.  I fixed that, too – you can see what I did if you look for “dave” in the comments.

    Your mileage may vary slightly, but my own base theme is based on Sample, so it should be pretty close.  Hope this helps someone!

    Ciao, Dave


    Dave Chu · Custom WordPress Developer – likes collaborating with Designers

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

The topic ‘SAMPLE THEME – How do i center navigation text?’ is closed to new replies.