I wanted to have no color on a row background image so I defined a row class “atrakcje” and added the following to my child css:
.atrakcje .overlay{
display: none;

However I would like to have a box inside that with transparent color. Similar as it is in the “Take some time and meet our Employees?” section of the demo page.

Can someone please help me?


Hello there,

you can add those transparent background to the widget from: Edit page > edit widget > widget styles > attribute > css styles > then add this css rule:
background-color: rgba(0,0,0,0.3);

Thank you! This has worked as expected.