Let’s say you have a section, row or module with a background image and a transparent (gradient) overlay. That overlay disappears as soon as you enable parallax. This css adds the overlay in an alternative way.

Add the class hws-overlay to the custom css. Then:

Standard

/* START overlay */
.hws-overlay .et_parallax_bg:after {
    content: "" ;
    background-color: rgba(29,64,58,0.5);
    width: 100% ;
    height: 100% ;
    position: absolute ;
    z-index: 1;
    top:0;
    left: 0;
}
/* END overlay */
Code language: CSS (css)

With gradient

/* START Overlay */
.hws-overlay .et_parallax_bg:after {
    content: "" ;
    background: linear-gradient(90deg,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.5) 100%);
    width: 100% ;
    height: 100% ;
    position: absolute ;
    z-index: 1;
    top:0;
    left: 0;
}
/* END Overlay */
Code language: CSS (css)