Jump to content

How do I keep background images in multiple sections on one page the same ratio?

Recommended Posts

Site URL: https://www.begincollective.com/isysm/charlieangel

Hi y'all, I am trying to figure out how to get the background image of my sections appear the same in the sections that they are in. If you scroll on the page, you can see that some sections have a light overlay of sorts. Is there a way for me to make the background images the same ratio in each section so that the pattern doesn't appear bigger or smaller depending in the section they're in? For example, this is the first section the background is in:
and this is the last section the background is in:

OR, is it possible for a background to span the entire page (providing all of the content is moved to one section) without the background appearing pixelated? I imagine there are specific dimensions that make this possible, or coding that prevents images from stretching, but I haven't been able to figure it out, despite browsing numerous guides. 

Thank you!

second section.png

Link to comment
  • Replies 1
  • Views 132
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

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.