WordPress.com

1. seattle7
   Member
   Jul 29, 2011, 7:39 AM

   Hello All,
   I am trying to center the custom menu for my WordPress site using the 2010 theme (the website is Seattle7Writers.org) Previously, I was able to center the default menu before using this custom CSS:

   .menu {
   text-align:center;
   }

   .menu ul {
   display:inline-block;
   }

   However, now that I am using a custom menu (which I called "menu alt") it does not appear to work. Would anyone know how I would have to alter the CSS to target the new custom menu? I have tried a number of changes, but none seem to work. Thank you in advance for any help you can provide.

   The blog I need help with is seattle7writers.org.

2. thesacredpath
   Staff
   Jul 29, 2011, 8:16 AM

   There is a trick to this, but for the life of me I cannot get it to work with 2010.

   I'll tag this thread for staff attention since they now provide support for the Custom Design upgrade.

3. seattle7
   Member
   Jul 29, 2011, 8:25 AM

   Thank you very much for your fast reply. Hopefully they will be as quick to assist me as you just were.

4. thesacredpath
   Staff
   Jul 29, 2011, 8:36 AM

   You are welcome. I had not recorded that trick and had to go googling to find it, but alas it did not work.

5. panaghiotisadam
   Member
   Jul 30, 2011, 6:20 PM

   @seattle7: Try this (your solution, with different selectors):

   .menu-header {text-align:center;}
   .menu-header ul {display:inline-block;text-align:left;}
   .menu-header ul a {margin-bottom:-4px;}

   Of course you could also use this simplistic solution (will need changing the number if you change your tabs):
   #access .menu-header, div.menu {margin-left:182px;}

   @Rich:
   a) What was the trick you were talking about?
   b) Had you modlooked the thread or added only the tags I'm seeing now?

6. thesacredpath
   Staff
   Jul 30, 2011, 7:16 PM

   a) It has to do with setting it relative, using a "left" value of half the div width and then also declaring a -50% left margin. I've used it before, but failed to record it and when I went back and searched for it, this time I could not get it to work.

   b) I did modlook it I'm pretty sure.

7. panaghiotisadam
   Member
   Jul 30, 2011, 7:30 PM

   I'm also pretty sure you had modlooked it... Now would I be to blame if I continued my conversation with designsimply here?

8. seattle7
   Member
   Aug 1, 2011, 2:17 AM

   Thank you both for the help!

   Panaghiotisadam, I tried both fixes individually and they each worked like a charm - I'm definitely copy pasting them for later use in other sites. Thanks again.

Topic Closed

This topic has been closed to new replies.