prevent blog archive header image from cropping

When I go to blog archive header image it suggest 1920 x 532. I add an image that exact dimension yet the result always ends up being cropped. I don’t want the image cropped. I want the image as I uploaded since it meets suggested dimensions.

This happens whether or not I choose cropping or skip cropping option. Please advise.

Image that I’m trying to add and screenshot of the result are attached.

Hi there

Hope you are having a good day and thank you for your question :slight_smile: In order to check your question i need to see your live website, please provide url and i will take a look

website is www.boothified.ca

Hi there

The image is displayed without cropping but its little bit zoomed to cover visible area, try a different size of the image something like 1980*1080

How can I actually make the size of this section smaller? Width can stay the same I just a smaller height as it takes up too much space above the fold.

Hi Sarafina

Cant open your website again, is everything ok ?

This site can’t be reached
www.boothified.ca’s server IP address could not be found.

Sorry, got it

Try this css if you want to make jumbotron section smaller in height:

#header .bottom-header {
padding-top: 100px;
padding-bottom: 180px;
}

Not trying to decrease the jumbotron, I’m referring to the other pages (where the coffee cup picture appears). How do I make that smaller?

Hello there,

This CSS code will allow you to make that area smaller:


#header .bottom-header.blog {
    padding: 10px 0;
}

Best Regards,
Support