Jump to content

Full Bleed for website!

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. I would like all of the pages on my website to have the full bleed option like this website - https://www.dreamworldgirlzine.com/
I talked to my friend who designed the website above and she talked me through the process of doing the same thing she did and it simply did not work.

Right now, I have:

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

But it doesn't bleed to the header edge. I have tried increasing the overall Site Width, but that does nothing. 


Its on this page: https://spinach-lily-9z75.squarespace.com/config/pages/website-tools

What I'm trying to do is something like this: https://www.dreamworldgirlzine.com/

See images of her website (DreamWorldGirlZine) and Mine (Sustainable Swaps)

 

Ive also tried using custom CSS but it just changed the header to one picture not to the entire website. 

Screen Shot 2024-09-13 at 2.46.30 PM.png

Screen Shot 2024-09-13 at 2.46.43 PM.png

Screen Shot 2024-09-13 at 2.49.30 PM.png

Edited by mireyasz
Link to comment
  • Replies 1
  • Views 392
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

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.