creating an overlay in a column

Hey Elena,
Sorry for the late reply, this can be done by creating a div with the overlay under your text element.
The following code is to do this one your one page so you can see, but since you probably want to add this to many pages you will want to add a custom class to each of your columns that, such as “overlay-column”

Try adding this code to the end of your functions.php file in Appearance > Editor:

function custom_overlay_script(){
  ?>
  <script>
(function($){
  $(document).ready(function(){
$('#top.postid-564 .flex_column.avia-builder-el-33').prepend('<div id="overlay"></div>');
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_overlay_script');

to use this for other columns with the custom class above, just replace #top.postid-564 .flex_column.avia-builder-el-33 with .overlay-column
Then add this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#overlay {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.7);
  position: absolute;
  z-index: -1;
}

Best regards,
Mike

Hi,
Thanks for the feedback, it looks like the overlay was added twice so it is darker than expected, please include an admin login in the Private Content area so we can adjust.
I also don’t see your breadcrumbs on your page or a post.

Best regards,
Mike

Hi,
Glad to hear, shall we close this then?

Best regards,
Mike