Header Image Alignment on Genesis Framework

Community Forums Forums General Discussion Header Image Alignment on Genesis Framework

This topic is: resolved

This topic contains 5 replies, has 2 voices, and was last updated by  eze1981 1 year, 7 months ago.

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

    eze1981
    Participant
    Post count: 32

    I just need to align the header image to be in the precise middle of the 2 bold lines.

    Please help :)

    my site: http://www.startupslove.com/

     

    http://www.startupslove.com/
    #37497

    AC
    Blocked
    Post count: 7712

    Change the height in here;

    [css]#header {
    border-bottom: 5px solid #1E1E1E;
    border-top: 5px solid #1E1E1E;
    height: 150px;
    overflow: hidden;
    }[/css]

    #37500

    eze1981
    Participant
    Post count: 32

    changing the height from 150px to another number only makes the second line go lower.

    I just want to center the image between the 2 lines. what code should I write for that?

    Can you please try it in chrome and see if it works for you… as I tried a bunch of things and nothing!

    Thanks

    #37501

    eze1981
    Participant
    Post count: 32

    I tried this and is still not working:

     
    #header {
    border-top: 5px solid #1e1e1e;
    border-bottom: 5px solid #1e1e1e;
    height: 250px;
    vertical-align: middle;
    }

    Please help :)

    #37502

    AC
    Blocked
    Post count: 7712

    You should be lowering the number to bring it up, not making it larger to bring the line further down. You can actually remove the height and it will remove the space, thereby bring it in the middle of the two lines.

    #37504

    eze1981
    Participant
    Post count: 32

    Yes, i totally understand that if I remove the line, the image goes to the middle. But I wanted to have that padding of 20px in the top and bottom of the image between the lines…

    I guess that can’t be done the way I was trying to…

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

The topic ‘Header Image Alignment on Genesis Framework’ is closed to new replies.