events-page Adding background image to event pages in 7.1?

Site URL: https://www.frosh.asfa.ca/events-list/chargingup

Has anyone figured out how to add a background image to an events page in Squarespace 7.1?

All the other pages on my site (frosh.asfa.ca) use a variant of a background image created by our graphic designer. But so far it doesn't seem like I can add a background image on our event pages and they look extremely out of place in comparison (example). Any ideas?

Have you solved it yet?

2 hours ago, tuanphan said:

Have you solved it yet?

Unfortunately not

I have got the same problem with this visit here kindly help?

Anyone know if its possible to add a background image on Events pages in 7.1? 

On 8/12/2020 at 12:01 AM, nickgertler said:

Unfortunately not

Add to Home > Design > Custom CSS

body.collection-type-events-stacked.view-item #page {
    background-image: url(https://beaverhero.com/wp-content/uploads/2019/06/trees-3464777_640-min.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent !important;
}
.page-section {
    background-color: transparent;
}

14 hours ago, SBJazz said:

Anyone know if its possible to add a background image on Events pages in 7.1? 

On 8/12/2020 at 2:25 AM, Elena312 said:

I have got the same problem with this visit here kindly help?

Can you share site url? We can check easier.

On 8/30/2020 at 5:54 PM, tuanphan said:

body.collection-type-events-stacked.view-item #page {
    background-image: url(https://beaverhero.com/wp-content/uploads/2019/06/trees-3464777_640-min.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent !important;
}
.page-section {
    background-color: transparent;
}

Hi TuanPhan,

I tried above code but it does not work. Please help.