Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

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



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
  • Answers 1
  • Created
  • Last Reply

Top Posters For This Question

Popular Days

Top Posters For This Question

Posted Images

1 answer to this question

Recommended Posts

Create an account or sign in to comment

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

  • Create New...