[SOLVED] How to change the background of a page section in Squarespace using CSS?

How to change the background of a page section in Squarespace using CSS?

I working with an index of pages in Squarespace. For one page within that index I would like to change the background to be an image. I am trying to change the background of the "About Us" section on seacureadvisors. The name of the index is SeacureAdvisors, the name of the page I'm trying to update the background for is Seacure Advisors Button Section.

I have tried the following CSS with no luck:

#seacureadvisors #seacure-button-section {
    background-image: url(https://static1.squarespace.com/static/5fce63b9abf5bd69920abec0/t/5fd2163da9eaf43bd85bc941/1607603780287/who+we+are+bg.png);
    background-repeat: no-repeat;
    background-size: cover;
}

and

div#block-c509aa91e20e639c15e8 {
    background-image: url(https://static1.squarespace.com/static/5fce63b9abf5bd69920abec0/t/5fd2163da9eaf43bd85bc941/1607603780287/who+we+are+bg.png);
    background-repeat: no-repeat;
    background-size: cover;
}

Neither seems to work. Please advise.

Solution

Here is the selector you are looking for:

#seacure-button-section div.index-section-wrapper.page-content{
    background: url(https://static1.squarespace.com/static/5fce63b9abf5bd69920abec0/t/5fd2163da9eaf43bd85bc941/1607603780287/who+we+are+bg.png);
    background-repeat: no-repeat;
    background-size: cover;
}