Jump to content

Full Bleed Image for Home Page Not Working

Go to solution Solved by tuanphan,

Recommended Posts

Hi - I've been researching for a few days but can't find the answer I'm looking for. I'm trying to create a home page that has an image on it that runs to the edges of the browser window. 

Right now, I have:

  • Added a section
  • Added a background image
  • Set background width to Full Bleed

But it doesn't bleed to the browser edge. I have tried increasing the overall Site Width, but that does nothing. The image is 7000px long so it's not an image width issue.

It's on this page: https://www.skyfire-photography.com/home

What I'm trying to do is something like this: 


Link to comment
  • Replies 6
  • Views 979
  • Created
  • Last Reply

Top Posters In This Topic

Thanks for this. I tried this - but it screwed up the other pages on my site.

The product images (because they are not uniform sizes), should look like this:



If I take away the Custom CSS, then it does this:



And on the product detail page:


Is there a way to override it on just one page?

Thanks for your help.

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.