Jump to content

Banner Image size

Recommended Posts

Hello,

I have a problem with the banner images on my website. I have cropped them to 2500px and yet Squarespace is cropping them so that only part of the image is visible. Also, it zooms in and doesn't look good. As an example the banner as it should be displayed and how it currently looks. Any ideas how to fix this? Thanks 😉

Site is: https://www.pistazienpastell.ch/

PW: pistazienpastell

screenshot-platinum-rabbit-xg8w.squarespace.com-2021_04.01-10_03_17.thumb.png.29d8d146a0ff4d00bafbb42e469c3b59.png

Header1-Home-Pistazienpastell_2500.png

Link to comment
  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

Hi. Try adding this to Design > Custom CSS

/* fix banner image */
@media screen and (min-width:992px) {
body.homepage article section:first-child {
    min-height: unset !important;
    height: 95vh !important;
    margin-top: 10vh;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.