Center text in custom menu for 2011 theme

veronicacockerill · Member · May 3, 2012 at 7:11 pm
Copy link

Add topic to favorites
Could someone please help me with code for centering text in the navigation menu for 2011 theme?

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · May 3, 2012 at 7:12 pm
Copy link
When I click on your username this is what I get:

isthatwhoiam.wordpress.com is no longer available.
The authors have deleted this blog.

We need a link to the site you are talking about please.
thesacredpath · Member · May 3, 2012 at 7:16 pm
Copy link
Working off the demo site, give this a try.
```
.menu-top-navigation-container {
text-align: center;
}

ul.menu {
display: inline-block;
}
```
veronicacockerill · Member · May 3, 2012 at 7:24 pm
Copy link
Sorry. The blog is navnihal.com

I’ll give that first suggestion a try.
veronicacockerill · Member · May 3, 2012 at 7:29 pm
Copy link
That first suggestion didn’t seem to work.
thesacredpath · Member · May 3, 2012 at 7:44 pm
Copy link
You have to use both rules I gave above. It works on the demo site and it works on my test site set with 2011.
thesacredpath · Member · May 3, 2012 at 7:52 pm
Copy link
Well, now that is weird. It isn’t working on your site with Firebug. Let me play with it a little.
thesacredpath · Member · May 3, 2012 at 8:02 pm
Copy link
The code above does work. You have to include ALL of it, and put it at the end of your current CSS customizations.
thesacredpath · Member · May 3, 2012 at 8:08 pm
Copy link
Gaaaahhhhh!

I’m sorry, I messed up on the first selector name. Use the following.
```
.menu-menu-container {
    text-align: center;
}

ul.menu {
    display: inline-block;
}
```
veronicacockerill · Member · May 3, 2012 at 8:46 pm
Copy link
I’m not sure if you can see all my CSS customizations. So, I posted them below. It still isn’t centering for me. Maybe it has to do with the code already in there about deleting the search form? I got that from another forum post.

#access {
background:none repeat scroll 0 0 #137C87;
}

.page .entry-title {
color:#7A8D39;
}

#page {
margin-top:0;
}

#branding #searchform {
display:none;
}

#branding .only-search + #access div {
padding-right:0;
}

.singular.page .hentry {
padding:.1em 0 0;
}

.menu-menu-container {
text-align:center;
}

ul.menu {
display:inline-block;
}
thesacredpath · Member · May 3, 2012 at 9:05 pm
Copy link
This is so screwy. The “corrected” selector I last mentioned shows up in the twenty eleven demo site, but it is different from what is in YOUR site. I guess I can no longer use the wordpress theme demos to figure out CSS for people when I can’t see their site.

Change the first bit back to this.
```
.menu-navigation-menu-container {
text-align: center;
}
```
veronicacockerill · Member · May 3, 2012 at 9:16 pm
Copy link
Victory is ours! Thank you for all your help. I greatly appreciate people with your skills and patience.
sl1k · Member · May 3, 2012 at 9:29 pm
Copy link
Thread moved to CSS forum section
thesacredpath · Member · May 3, 2012 at 10:46 pm
Copy link
You are welcome, thanks and sorry for the runaround. I didn’t realize there was a difference in the CSS between what we are all using and the demo site.

No items found.