Header image stretching no matter what

Hi,

We’ve used custom CSS as advised in another post to make the homepage header image not take up the entire splash when you hit the website.

img.large-header {
height: 550px;
}
img.large-header {
max-width:100% !important;
}

No matter what we seem to do with the image it just seems to look stretched!?
What can we do?

Also is it possible for us to adjust the filter on the header image?

Hello,

No matter what we seem to do with the image it just seems to look stretched!?
What can we do?

I’m not sure what exactly you want to do (achieve), can you please describe it more precisely?

Also is it possible for us to adjust the filter on the header image?

Please check these topics:


Kind Regards, Roman.

We have reduced the size of the home page header image to to 550px using the CSS above which was advised in another post in the forum and no matter what our image seems to come out stretched.

Hello, try to use this code instead:

img.large-header {
    height: 550px;
    width: auto;
}

Kind Regards, Roman.

P. S.
You can add CSS code in Customize → Additional CSS section.