Page transparency to show body background image

Is it possible to set a page transparency value to allow for a body background image I have loaded to be shown through the page content in css like this;

Hi Chris! This should be possible. I think I need a bit more information to be able to provide any help here, though. Would the transparent color go on top of the background? This is likely something you’ll need to write some custom CSS for. You could set a body background image using CSS and then use row backgrounds to overlay a color with some opacity. You wouldn’t be able to set the background image and the color from the builder, though. You would need to do it with CSS. Let me know if that answers you question. Or, if you can send me a link to the page you’re working on and elaborate on some of the details I can help more. Thanks Chris!

[Content Hidden]

Chris, do you want all of the page content to be slightly transparent? Here is a CSS snippet that will do that:

.fl-page-content {
    opacity: 0.9;

You can add that to the code section (CSS) of the theme settings. Let me know if that’s the look you have in mind.

Great, worked thank you.

[Content Hidden]

Chris, this CSS line should work for that:

.fl-full-width .fl-page-content {
  margin: 5px auto;

I might think of bumping it up to 10 pixels. It’s at 30 right now. Let me know if that works for ya!

Hi Robby,

Perfect thank you.
Great support from you guys there at Beaver Builder, very much appreciated.