Centering the ‘pages’ menu bar in the Bueno theme

  • Unknown's avatar
    risingdigital · Member ·

    Hey guys, was wondering if anyone could help me with this? I took over the editing of CSS of a page and the bar was floating to the right after he was playing around with getting rid of border images apparently.

    The site: http://paulrogersmusic.wordpress.com/

    Any help would really be appreciated! Thanks in advance!

    James

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    hallluke · Member ·

    This little float trick should center align the main navigation menu:

    #container {overflow:hidden;}
#pagenav {float:left!important; position:relative; left:50%;}
#pagenav li {position:relative; right:50%;}
  • Unknown's avatar
    risingdigital · Member ·

    Thanks for the help but doesn’t seem to have worked! I’m probably changing the wrong bit though, is this the correct section:

    `
    #pagenav {
    margin-top:20px;
    min-width:300px;
    }

    #pagenav a {
    display:block;
    z-index:100;
    text-decoration:none;
    text-transform:uppercase;
    font-size:20px;
    font-family:candara, Helvetica, candara, sans-serif;
    color:#464749;
    margin:0;
    padding:0 15px 10px;
    }

    #pagenav li ul a:link,#pagenav li ul a:visited {
    font-family:Helvetica, candara, sans-serif!important;
    font-size:14px;
    text-transform:none;
    border:none;
    padding:0 0 0 10px;
    }

    #pagenav li.rss a {
    padding-right:25px;
    }

    `
    Cheers!

  • Unknown's avatar
    risingdigital · Member ·

    Scrap that! Got it working perfectly using hallluke’s code- ta!

  • The topic ‘Centering the ‘pages’ menu bar in the Bueno theme’ is closed to new replies.