How to anchor background overlay to bottom of section (7.1)

Site URL: https://sellingsalamone.com

Hello! I'm trying to anchor the image overlay to the bottom of the first section here - currently, I've been able to restrict its size, but I'd like it to be at the bottom, not the top.

.section-background-overlay {
     opacity: .5;
     height: 25%;
     position: absolute;
     bottom: 0;
}

On 2/20/2022 at 12:58 AM, MVBDigital said:

Site URL: https://sellingsalamone.com

Hello! I'm trying to anchor the image overlay to the bottom of the first section here - currently, I've been able to restrict its size, but I'd like it to be at the bottom, not the top.

 

.section-background-overlay {
     opacity: .5;
     height: 25%;
     position: absolute;
     bottom: 0;
}

 

Use this code

.section-background-overlay {
    opacity: .5 !important;
    height: 25% !important;
    position: absolute !important;
    top: unset !important;
}

This worked well - thank you!

On mobile, I'm having trouble ensuring this content row is also anchored. Any help greatly appreciated!

9 hours ago, tuanphan said:

Use this code

.section-background-overlay {
    opacity: .5 !important;
    height: 25% !important;
    position: absolute !important;
    top: unset !important;
}

 

On 2/24/2022 at 12:15 AM, MVBDigital said:

On mobile, I'm having trouble ensuring this content row is also anchored. Any help greatly appreciated!

 

 

You mean: move text + move overlay to bottom?