Help with formatting buttons for main navigation menu

Forget about padding and margins for now, just give your <li> elements widths.

Try using Firefox with the Firebug add-on for this kind of CSS troubleshooting. Or use whatever developer tool is available in your web browser.

ok it looks a little better now that I put in the dimensions – now how do I get rid of the space between the buttons??

Get rid of padding and margins.

it’s all set at 0 – if you inspect the layout with firebug it’s showing zeros for everything all around. Do I have to use negative numbers for padding?

maybe there are defaults that the parent theme is imposing?

maybe there are defaults that the parent theme is imposing?

Definitely. Look at your browser developer tool, Firebug? There are margins applying.

Here’s what my Google chrome developer tool shows (margin in orange) [screenshot].

If you aren’t already using a browser developer tool, take Esmi’s advice.

so I put in padding: 0 0 0 0; and it didn’t seem to change anything. What is the css for removing the padding?

I’m sorry but it is really beyond the scope of these forums to deal with general CSS issues. Try a dedicated CSS resource such as https://www.css-discuss.org/ instead.

well I am just trying to figure out what is causing that padding if I have already set it to zero…there must be something else controlling it.

Thanks for the help guys I got it all figured out!