Changing Background Image Repeat for Projects Page

Hi all,

Page: https://www.projectcarver.com/concept-sheets

I'm trying to get the background image to repeat so that when I scale the page to a narrow format, there isn't any awkward white space at the bottom. Anyone know how I can edit the CSS to achieve this? I couldn't find a quick option to change this setting.

Thanks!

Found a solution:

Add to Home > Design > Custom CSS

[data-section-id="abcxyztuanphan"] .section-background {
	background-image: url(https://beaverhero.com/wp-content/uploads/2019/06/trees-3464777_640-min.jpg) !important;
	background-size: contain;
	background-repeat: repeat;
	background-position: center center;
}

Replace with your image url.

Find data section id with this tool. https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff?hl=en

Ok, this helped but on inspecting the element, it seems like its actually a footer issue?

Your page is not enough tall to fill height of screen so it will appear that space

It looks like you solved it?

I thought I had but I'm still getting the weird white space whenever the page is tall. On inspection, it looks like the footer is creating the whitespace but I'm not really sure.