WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Centering Navigation Header on Manifest (3 posts)

  1. 3lliott
    Member
    Posted 4 years ago #

    I've recently started up a new blog using the Manifest theme ( http://jimbarraud.com/2009/03/19/manifest/ ), but I've run into a problem. I was able to change the margins to suit my needs, but I can't get the navigation links at the top of the page to center! Could anyone be of assistance?

    My page: http://www.gurkani.com/blog

    What I think is the relevant code from style.css:

    /* Main Navigation
    -------------------------------------------------------------------*/
    
    #mainNav{
      margin-top: 10px;
      margin-left: 150px;
      margin-right: 150px;
      padding: 5px;
      background: #FBFBFB;
      border-top: 1px solid #EAEAEA;
      border-bottom: 1px solid #EAEAEA;
    }
    #mainNav ul{
      margin: 0 auto;
      width: 45em;
      text-align: center;
    }
    #mainNav li{
      display: inline;
      margin-right: 10px;
      font-size: 1.5em;
      text-transform: uppercase;
    }
    #mainNav li:last-child{
      margin-right: 0;
    }
    #mainNav a:link,
    #mainNav a:visited{
      color: #999;
    }
    #mainNav a:hover,
    #mainNav a:active{
      text-decoration: underline;
      color: #2E301C;
    }
    #mainNav .current_page_parent a:link,
    #mainNav .current_page_parent a:visited,
    #mainNav .current_page_item a:link,
    #mainNav .current_page_item a:visited{
      font-weight: bold;
      color: #2A2D1A;
    }
    #mainNav .current_page_parent a:hover,
    #mainNav .current_page_parent a:active,
    #mainNav .current_page_item a:hover,
    #mainNav .current_page_item a:active{
      color: #2E301C;
    }
  2. flamenco
    Member
    Posted 4 years ago #

    Hi,
    That did look strange. Try taking out the width figure below. I'm not sure why a particular width would be set there.

    #mainNav ul {
    margin:0 auto;
    text-align:center;
    width:45em;
    }
  3. 3lliott
    Member
    Posted 4 years ago #

    That did it - I removed that block of text, and the links shifted over to center! Thank you for your help!

Topic Closed

This topic has been closed to new replies.

About this Topic