Need help? Check out our Support site, then


Can I center the pages menu? Andreas09

  1. Is there a way to center the menu (default is HOME but I've added several pages to my own)?

    I assume I would have to change the CSS for this. I managed to get a header on (I've since taken it down for the time being) so it has to be possible to do this...?

    Here's the part of the style sheet that has the menu:

    #mainmenu {
    clear:both;
    width:100%;
    margin:0;
    padding:0;
    }
    
    #mainmenu ul.level1 {
    border-top:1px solid #fff;
    border-bottom:1px solid #fff;
    }
    
    #mainmenu ul {
    background:#b0b0b0 url('http://warvictims.files.wordpress.com/2007/08/menubg1.png') center left repeat-x;
    border-bottom:1px solid #fff;
    margin:0;
    padding:0 0 0 5px;
    }
    
    #mainmenu li {
    display:inline;
    line-height:25px;
    margin-left:-4px;
    font-size:0.9em;
    list-style:none;
    text-transform:uppercase;
    padding:0;
    }
    
    #mainmenu a {
    text-decoration:none;
    border-right:1px solid #B0B0B0;
    padding:6px 9px;
    }
    
    #mainmenu li.current a {
    color:#000;
    }
  2. append 'text-align: center' rule for the '#mainmenu ul' selector:

    #mainmenu ul { text-align: center }

    not sure if this what you really want to, though.

    also you'd better post CSS related questions into CSS forum.

Topic Closed

This topic has been closed to new replies.

About this Topic