WordPress.com Forums » Topic: Nishita - Centering Navigation Menu via Custom CSS

designsimply on "Nishita - Centering Navigation Menu via Custom CSS"

designsimply — Thu, 25 Oct 2012 22:03:48 +0000

That's an excellent centering trick! In the case of the Nishita theme, it's mucked up by a few super specific selectors later in the CSS that you need to match in the custom CSS in order to make it work. Give this a try:

.layout-photoblog div.menu {
	text-align: center;
}
.layout-photoblog #nav,
.layout-photoblog div.menu ul {
	display: inline-block;
	width: inherit;
	overflow: hidden;
}

P.S. Wow! Great photos!

houstonweaver on "Nishita - Centering Navigation Menu via Custom CSS"

houstonweaver — Thu, 18 Oct 2012 18:07:28 +0000

Oops, messed up my back ticks...

.menu {
    text-align: center;
}
.menu ul {
    display: inline-block;
}

houstonweaver on "Nishita - Centering Navigation Menu via Custom CSS"

houstonweaver — Thu, 18 Oct 2012 18:06:44 +0000

Just a rank amateur, but try this:

`.menu {
text-align: center;
}
.menu ul {
display: inline-block;
}'

priscillaphanphotography on "Nishita - Centering Navigation Menu via Custom CSS"

priscillaphanphotography — Thu, 18 Oct 2012 05:05:41 +0000

Hello all,

I am trying to centre my navigation menu through CSS.

Is there someone who can assist me with this? Or might know how to do this?

Thank you for your help,
Priscilla