Centralize TwentyTen Menu

  • Hi,

    The default menu (the horizontal one under the header image) for the TwentyTen theme is floated to the left.

    Is there any way I can center the menu?

    I tried to add the following to the stylesheet but it did not work:

    #access .menu-header ul,
div.menu ul {
	list-style: none;
	margin: 0;
	position: relative;
	text-align:center;
}

    Anyone has ideas? Thanks!

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

  • You might need to center the access div……..

    Don’t edit the Twenty Ten theme! Your customisations will be over-written the next time you upgrade WordPress or the theme. For this reason, it is recommended that you consider creating a child theme for your customisations.

    Yeah sure. In yr child theme center div#access………..grrrrrrrr

    Thread Starter John W M

    (@lewisliu)

    In the end this worked for me:

    #access .menu-header,
div.menu {
	font-size: 13px;
	margin-left: 155px;
	width: 785px;
}

    I had trouble centering the access div. Maybe it’s because #access itself and #access .menu-header li is floated left?

    Child themes… interesting… I’ve never considered it. Always did the manual upgrade so I never had my customizations erased.

    Child themes are the way to go IMHO. They are gaining fast in understanding, support and info. The benefits are enormous.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Centralize TwentyTen Menu’ is closed to new replies.