Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #21769

    Hi,

    Can you let me know the process for changing the nav bar height and padding and horizontal centering for menu buttons?

    And also the same process for the header image: reducing horizontal padding (ideally to zero) and changing the header image height.

    Cheers a lot,

    N

    #113034

    Hi N,

    You can use a plugin like Firebug for Firefox or Chrome/Safari’s native Inspect Element function to identify each css rule you want to modify. Then add new css in your Quick CSS or custom.css file to over rule those and change it.

    See: http://www.kriesi.at/support/topic/fyi-firebug-tutorial-for-wordpress-users

    Regards,

    Devin

    #113035

    Devin,

    Thanks for your prompt reply. I can’t find the horizontal rule anywhere in the style sheet or the bottom padding for the navbar. I can change the height of the #header but bringing it negative makes it overlap the rule.

    Similar situation for the logo, can’t find the padding, top or bottom.

    Thanks again,

    N

    #113036

    When inspecting with your browser of choice, inspect on the actual menu item. Your description is a bit too broad to really pinpoint anything but generally, the .main_menu ul:first-child > li > a has a left margin of 30px which gives the menu its horizontal spacing.

    The line under the header is actually a bottom border on the .container inside the #header. See:

    #header .container {
    min-height: 50px;
    padding: 25px 0;
    border-bottom: 1px solid;
    z-index: 100;
    }

    The above is also what controls the padding above and below the nav menu and the logo.

    Regards,

    Devin

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Change Padding and Height for Navbar and Header Image’ is closed to new replies.