Increase header image height (Dicot)

  • Unknown's avatar
    cmschellin · Member ·

    Hello!
    I am trying to increase the height of my header on my website:
    thecoachsdaughters.com
    As you can see, the header image has white intentionally added above the photos of the women in order for white to be behind the title, but the women are being cut off now at the bottom.
    Right now the theme uses 1920 × 285 pixels.
    I’m hoping there’s a quick fix I can add to the CSS to adjust.
    Any help would be great!
    Thanks!

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    siobhyb · Member ·

    Hi there,

    You could use the following in order to increase the height of the header so that more of the image displays:

    .site-header {
    padding: 100px 0;
}

    Increase/decrease the value of 100px to your liking in order to increase/decrease the height.

    Hope that helps out! :)

  • The topic ‘Increase header image height (Dicot)’ is closed to new replies.