Reducing the size of header image

  • Unknown's avatar
    sarahpterry · Member ·

    Hi All,

    I have been searching through the forums and I cant find an answer which works. I am very new to everything but I have followed the suggestions on previous posts however with no success.
    I am using the Hemingway theme and trying to reduce the hight of my header.

    If anyone could help that would be fantastic as I am totally lost on this one.

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

  • Unknown's avatar
    designsimply · Member ·

    The Hemingway Rewritten theme uses the background-size property to stretch, or contain, the background image to the header area—this is something you should keep in mind because it naturally makes the header appear a bit differently at different screen sizes such as mobile, tablet, and desktop.

    Having said that, if you change the min-height and max-height values to something that looks good to you in the different views, that could work. Here is an example:

    .site-header-image {
	min-height: 200px;
	max-height: 300px;
}

    Adjust the px values until you find what you think looks best.

  • Unknown's avatar
    sarahpterry · Member ·

    Thanks so much, sadly it doesn’t seem to make a difference. I assume you mean that I put the above code in the page appearance-customize-CSS? I have tried that with no avail as well as trying most of the other suggestions on the site. I am new to this so I am not sure which area I am getting wrong.

    All the best
    Sarah

  • Unknown's avatar
    designsimply · Member ·

    You should replace the current code in your Appearance > Customize > CSS editor with the example from earlier. Make sure to always include the ending “}” part of the code when you save.

  • The topic ‘Reducing the size of header image’ is closed to new replies.