WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Help with formatting buttons for main navigation menu (12 posts)

  1. rileybetka
    Member
    Posted 1 year ago #

    Alright so this is probably an easy one but for some reason I can't seem to figure it out - if you look at my page http://www.daily-mash.com, I have figured out how to assign images to my main navigation bar for the buttons rather than text but I can not figure out how to set up my padding so that the buttons create one straight bar that goes across the top of the page - I have been playing around with the padding and the numbers don't seem to have any logical correlation to what happens to the image/button when I change the values. Can anyone help me out with this? Thanks in advance for your time!

  2. Andrew Nevins
    Spam zapper & Volunteer Moderator
    Posted 1 year ago #

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

  3. esmi
    Theme Diva & Forum Moderator
    Posted 1 year ago #

    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.

  4. rileybetka
    Member
    Posted 1 year ago #

    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??

  5. Andrew Nevins
    Spam zapper & Volunteer Moderator
    Posted 1 year ago #

    Get rid of padding and margins.

  6. rileybetka
    Member
    Posted 1 year ago #

    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?

  7. rileybetka
    Member
    Posted 1 year ago #

    maybe there are defaults that the parent theme is imposing?

  8. Andrew Nevins
    Spam zapper & Volunteer Moderator
    Posted 1 year ago #

    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.

  9. rileybetka
    Member
    Posted 1 year ago #

    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?

  10. esmi
    Theme Diva & Forum Moderator
    Posted 1 year ago #

    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 http://www.css-discuss.org/ instead.

  11. rileybetka
    Member
    Posted 1 year ago #

    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.

  12. rileybetka
    Member
    Posted 1 year ago #

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

Topic Closed

This topic has been closed to new replies.

About this Topic