Huge space below header image

Community Forums Forums Design Tips and Tricks Huge space below header image

This topic is: resolved

This topic contains 5 replies, has 2 voices, and was last updated by  Terry 11 months, 2 weeks ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #55058

    littleredbrickhouse
    Participant
    Post count: 9

    I’m trying to figure out why there is a huge space between my header image and my nav bar. Also, only part of the header image is a link. Anyone know what could be the deal? Thanks.

    http://www.littleredbrickhouse.com
    #55079

    Terry
    Participant
    Post count: 75

    The space is a combination of padding & sizing issues. A couple questions will help me to help you…
    Do you edit the style.css file?
    Do you use Firebug or Chrome’s equivalent?
    How do you want it to look?


    Customizing Genesis Child Themes @ MaroonTech

    #55082

    littleredbrickhouse
    Participant
    Post count: 9

    I have edited the style.css file.

    I have Firebug but I’m not 100% sure how to use it.

    I would like the header image to line up right against the navbar without any space in between.

    #55089

    Terry
    Participant
    Post count: 75

    Excellent.

    To remove the space between the header and the nav…
    delete around line 527 of your style.css:
    min-height: 377px;
    Change around line 562 of your style.css
    .header-image #title-area {
    min-height: 257px; (the height of header image)
    }

    On Firebug, Andrea Rennick has a great post here… http://www.studiopress.com/tips/using-firebug.htm A fantastic tool in part because you can make live changes to css before you code it.

    Be sure to make backups before you edit and files. Can save you lots of time!

    Hope this helps!


    Customizing Genesis Child Themes @ MaroonTech

    #55107

    littleredbrickhouse
    Participant
    Post count: 9

    Oooh, thank you so much. Not sure how I missed that. :) And thank you for the link on Firebug. I will be taking notes!

    #55113

    Terry
    Participant
    Post count: 75

    You are certainly welcome!
    Take Care.


    Customizing Genesis Child Themes @ MaroonTech

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

The topic ‘Huge space below header image’ is closed to new replies.