How to add content in box over banner images in squarespace 7.1

Site URL: https://us.typology.com/about-us#2

Hi Im looking into add a content box over 4 consecutive banner images like the site linked below.

Let me know if you have any ideas?

Thanks

https://us.typology.com/about-us#2

I was able to manipulate the background of this section ( see image) to make a similar effect. Maybe you can tweak this code to fit what you need. I used the google chrome developer tool to find the data section id. Hope this helps. 

[data-section-id=" your Section ID"]
.section-background {
    background: #E8E7EA !important;
    width:29%!important;
    height:80%!important;
    padding: 10px 0px 10px 0px;
    margin-left: 697px;
}

I used these tutorials to work together a solution. 

 Unfortunately this one is for 7.0 but I was able to grab some important ideas and techniques.

On 2/25/2021 at 1:09 AM, Mikkisha said:

I was able to manipulate the background of this section ( see image) to make a similar effect. Maybe you can tweak this code to fit what you need. I used the google chrome developer tool to find the data section id. Hope this helps. 

[data-section-id=" your Section ID"]
.section-background {
    background: #E8E7EA !important;
    width:29%!important;
    height:80%!important;
    padding: 10px 0px 10px 0px;
    margin-left: 697px;
}

I used these tutorials to work together a solution. 

 Unfortunately this one is for 7.0 but I was able to grab some important ideas and techniques.

 

 

You can use this tool to find data section id. https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff?hl=en