Transparent background

Hey xela,
To have a background image and a transparent #wrap_all & #main please set your header to transparent and use this css, note that for this example it is set to apply on page-id-3304 because that is the test page linked below, you will want to set this to your page id.
The only element I have on the test page is a color section with a transparent background in the settings and a special heading, so depending on the elements you choose for your page you may need to add transparency to those elements.

.html_stretched body.page-id-3304 {
background-image: url(//enfold/wp-content/uploads/2022/03/PhotoRag_Metallic_Mood-1-scaled.jpg);
background-position: center center;
background-attachment: fixed;
background-repeat: no-repeat;
}
.html_stretched #top.page-id-3304 #wrap_all,
.html_stretched #top.page-id-3304 #main {
    background-color: transparent;
}

If you would like further help please link to your page so we can assist, there are too many elements to account for all of them blindly.

Best regards,
Mike

Hi,
Thanks for the link to your site, I see that you already have the background image applied, so please try this css to make the foreground transparent:

html,#main,.main_color,.footer_color,.socket_color,.header_color .header_bg {
    background-color: transparent;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike