Support » Fixing WordPress » Menu Buttons

  • Resolved Rachel J


    Hi all,

    I’m trying to “squish” my menu buttons so they all fit on one line, but I can’t find the table properties in the editor to make the spacing between each button smaller.

    Any help would be appreciated.


Viewing 8 replies - 1 through 8 (of 8 total)
  • esmi


    Forum Moderator

    Try using Firefox with the Firebug add-on for this kind of CSS work.

    Any luck?

    If not then please share the URL of the page where you want to fix the menus.

    I downloaded firebug but still could not find the spacing for the menu buttons.

    Palimadra – My appologies, I thought I provided that.

    Thanks all for your help

    Yo, thats messed up. (I’ve been watching “Breaking Bad”)

    #access a {
        color: #EEEEEE;
        display: block;
        line-height: 3.333em;
        padding: 0 1.2125em; /* Change 1.2125 to 1.135em for starters */
        text-decoration: none;


    If what flashbuddy suggested does not work then please replace the following text

    #access div {
      margin:0 7.6%;


    #access div {
      margin:0 6.6%;

    Hope this helps and if not give me a shout!

    Thanks Guys that was a huge help.

    Any tips for how to get the last two buttons to line up properly? Or should I just play with the padding/margins?

    Thanks again!

    What catches my attention is the drop shadow graphic that is on the right menu buttons, so they have to be perfectly aligned under the graphic above to look correct. If it were my site I would re-build the header of the theme so the buttons could fill the space across without having to worry about alignment issues.

    Thanks for the advice flashbuddy. Unfortunately that is a lot more difficult than trying to align it.

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