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 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