Jump to content

Adjusting Default Crop for Section Background Images

Recommended Posts

I'm updating from 7.0 to 7.1 and there are lots of things I love!

One of the things I don't love is how the background images for sections are horribly cropped. It seems to default to cropping the top of the image instead of the bottom (see attached screen shots).

The very first section on most of my pages is a full bleed image -- no text. In the past, I was able to get the crop right by adjusting the focus point and adding some spacers, but I cannot get it right unless I make the very first section VERY tall. And that still doesn't exactly work.

Is there any solution here? 


Screenshot (137).png

Screenshot (138).png

Link to comment
  • Replies 3
  • Views 1.4k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

If the background image setting isn't working why don't you use an image block and stretch it to the full width and set it to FILL in the image settings, then you can have it show what you want without it disappearing behind the tall header (as it always will.)

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment
  • 2 weeks later...

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.