Title: TwentyEleven Customizing
Last modified: August 20, 2016

---

# TwentyEleven Customizing

 *  Resolved [TOMTH](https://wordpress.org/support/users/tomth/)
 * (@tomth)
 * [14 years, 4 months ago](https://wordpress.org/support/topic/twentyeleven-customizing/)
 * Hello,
 * As you may know the TwentyEleven menu is not centered, but is aligned to the 
   left. I would like to center this. Has anyone tried doing the same, or if someone
   could get me started that would be helpful. I haven’t been able to find/do it
   yet.
 * Thanks!

Viewing 7 replies - 1 through 7 (of 7 total)

 *  [Jay](https://wordpress.org/support/users/phyrax/)
 * (@phyrax)
 * [14 years, 4 months ago](https://wordpress.org/support/topic/twentyeleven-customizing/#post-2480625)
 * Set the width of the UL element, div.menu > ul then set it’s margin to 0 and 
   auto.
 *     ```
       div.menu ul{
            width: 450px !important;
            margin: 0 auto !important;
       }
       ```
   
 * The important may or may not be necessary depending on existing alterations.
 *  Thread Starter [TOMTH](https://wordpress.org/support/users/tomth/)
 * (@tomth)
 * [14 years, 4 months ago](https://wordpress.org/support/topic/twentyeleven-customizing/#post-2480635)
 * I have an access div and access ul.
 *     ```
       #access div {
       	margin: 0 11%;
       }
   
       #access ul {
       	font-size: 13px;
       	list-style: none;
       	margin: 0 0 0 -0.8125em;
       	padding-left: 0;
       }
       ```
   
 * I think changing the margin on the ul should help then.
 *  [Jay](https://wordpress.org/support/users/phyrax/)
 * (@phyrax)
 * [14 years, 4 months ago](https://wordpress.org/support/topic/twentyeleven-customizing/#post-2480637)
 * I was suggesting adding an extra line of CSS, but if you don’t want to you can
   just change the #access ul{} parameters.
 *  Thread Starter [TOMTH](https://wordpress.org/support/users/tomth/)
 * (@tomth)
 * [14 years, 4 months ago](https://wordpress.org/support/topic/twentyeleven-customizing/#post-2480639)
 * When I edit the #access ul it centers, but it creates an entire extra line of
   spacing above it. Would you know what creates this? Setting it to 0 0 0 0 or 
   0 auto does it.
 *  [Jay](https://wordpress.org/support/users/phyrax/)
 * (@phyrax)
 * [14 years, 4 months ago](https://wordpress.org/support/topic/twentyeleven-customizing/#post-2480644)
 * I see what you mean, I guess chrome seems to be reading CSS in a different manner.
   Style.css Line 344 has a rule of
 *     ```
       ol,ul{
          margin: 0 0 1.625em 2.5em;
       }
       ```
   
 * Though if I’m not mistaken you can override that rule, just rewrite #access ul
   like so:
 *     ```
       #access ul{
            font-size: 13px;
            list-style: none;
            width: 525px; /* Make this what you want, but less than 840px */
            margin 0 auto !important;
       }
       ```
   
 *  Thread Starter [TOMTH](https://wordpress.org/support/users/tomth/)
 * (@tomth)
 * [14 years, 4 months ago](https://wordpress.org/support/topic/twentyeleven-customizing/#post-2480648)
 * Yeah, when I check firebug the ol,ul rule is overwritten by the access ul. Going
   to try that.
 *  Thread Starter [TOMTH](https://wordpress.org/support/users/tomth/)
 * (@tomth)
 * [14 years, 4 months ago](https://wordpress.org/support/topic/twentyeleven-customizing/#post-2480658)
 * Thanks, worked!

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘TwentyEleven Customizing’ is closed to new replies.

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 7 replies
 * 2 participants
 * Last reply from: [TOMTH](https://wordpress.org/support/users/tomth/)
 * Last activity: [14 years, 4 months ago](https://wordpress.org/support/topic/twentyeleven-customizing/#post-2480658)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics