[Wordpress Divi Section Video with Background Gradient Overlay] With a Divi Section with background video, is posible to add a gradient overlay, useful to combine with divi section dividers and match divider color. #wordpress #divi #video-background

divi-section

# Tool for creating background code: https://cssgradient.io/
# Go to Advanced Tab → Custom CSS → Free Form CSS and add this code:

selector::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgb(2,0,36);
  background: linear-gradient(180deg, rgba(2,0,36,0) 0%, rgba(21,118,184,1) 90%, rgba(21,118,184,1) 100%);
  z-index: 1;
}

# References: https://help.elegantthemes.com/en/articles/3032056-how-to-add-an-overlay-over-a-background-video