Aviator Template: Change Background for single page via CSS

Site URL: https://brandtkrueger.com/eventtechchat

Hi folks! Did a fair amount of digging around and found multiple posts suggesting this type of code in the CSS to change the background for a single page:

#collection-62388f208efc5956032ddcc4 {
   background-position: center top !important;
   background-image: url("//static1.squarespace.com/static/53fba287e4b01f78d1474e60/t/6238a1fc02774670236d23cf/1647878652355/drew-gilliam-UEIkj1N2LlE-unsplash.jpg");
}

However, nothing happens, and the regular site background remains. Any chance this is due to Aviator having different Info and Site backgrounds and it's somehow named differently than background-image?

Also, going to potentially want to remove the color overlay for just this page if that's doable 🙂

Thanks!

Add to Design > Custom CSS

body#collection-62388f208efc5956032ddcc4 div#bgOverlay {
    background-color: transparent !important;
}

9 hours ago, tuanphan said:

Add to Design > Custom CSS

body#collection-62388f208efc5956032ddcc4 div#bgOverlay {
    background-color: transparent !important;
}

 

Thanks that looks like the overlay question. Any thoughts on the main background image question?

That's the goods! Thanks so much!