Content Overlay?

Hello,

Yes, need to add some css code to do it. Can you please add a background image and let me know so that I can give the correct css code to do it?

Background image uploaded.

Thank you!

Try using the below code to do it. Edit the color code as per your need –

.elementor-section.elementor-section-boxed>.elementor-container {
    background: rgba(255, 250, 250, 0.5);
}

This works great! Can I add a little more on the sides without expanding the content itself?

Thank you!

Also, it’s on all of my main pages but not on a few others: https://raleighrep.com/roselaurel/

I think it’s because I’m not using elementor to publish them, is there a code for non-elementor pages?

Try the below code instead of the previous one and check it works or not –

div#primary {
    background: rgba(255, 250, 250, 0.5);
    padding: 50px 20px 50px 20px !important;
}
.elementor-section.elementor-section-boxed>.elementor-container {
    background: rgba(255, 250, 250, 0.5);
    padding: 50px 20px 50px 20px !important;
}

That works great! However, only the top code is necessary.

Glad to hear that it is fixed!