WordPress.org

Ready to get started?Download WordPress

Forums

Pinboard
[resolved] shorten height of nav menu? (6 posts)

  1. theregoesjb
    Member
    Posted 1 year ago #

    I just want to make the main navigation menu something like 2/3 the height. I could probably figure this out myself but I cannot find the code or css classes i need to address.

  2. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Without a link to your site, no way to help with CSS except to suggest using Firebug to find the relevant styles.

  3. theregoesjb
    Member
    Posted 1 year ago #

    ahh yes, here- http://www.jbournedesign.com/bce/

    I changed the "#access" element's height to about what id like, it seems to be the general area which the navigation takes up, but the actual buttons are on their own so still appear taller.

    I can see the individual page button tags but i assume there is a better way to get the whole thing so when new pages are created they also inherit the changed height

    Thanks for all the help! (ive really been getting a lot from the WP community recently)

  4. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Try this:

    #access a {
       padding: 7px 24px;
    }
  5. theregoesjb
    Member
    Posted 1 year ago #

    ok that is perfect! now i know im getting greedy, but would you mind giving a brief explanation as to how that was able to do what i wanted?

    im just still getting the hang of this, was adding the "a" to the "#access" all? (and what does the 'a' represent?)

  6. Andrew
    Forum Moderator
    Posted 1 year ago #

    It's more thoroughly explained in W3Schools http://www.w3schools.com/css/css_syntax.asp

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.