Box Transperancy

Completely transparent?

No just lighter so the background can bleed through

Can you link your site so that we can see your background

https://www.rashaselim.com/

If there is no apparent option in the dashboard named “Custom CSS” or similar, install this Custom CSS Manager plugin https://www.ads-software.com/plugins/custom-css-manager-plugin

Then use its “CSS Code” section of the dashboard to hold your CSS modifications:

// The last digit is the opacity
body.blog article {
 background: rgba(0,0,0,.5);
}

https://www.css3.info/preview/rgba/

Okay thanks I will try that

No go. I installed the plugin and pot in code. Nothing changed.

Specifically, which boxes are you referring to?

The main content boxes in the middle of the screens.

Try:

body.single .entry-header, body.page .entry-header,
body.single article.post, body.page article.page,
#secondary {
 background: rgba(0,0,0,.5);
}

Excellent. It worked. Lots more work for me to do now.

Thanks for your help