Beaver Builder Snippets

custom-header-shape.css

header.fl-builder-content {
    position:relative;
}

header.fl-builder-content:before {
    content: "";
    background: rgba(255,255,255,0.52);
    width: 100%;
    height: 12px;
    display: block;
    z-index: 1;
    position: absolute;
    bottom: 25px;
    transform: rotate(.4deg);
}

transparent-header.css

header.class,
header.class .fl-row-content-wrap {
  background-color: rgba(8,8,8,0.35); /* or transparent */
  position: absolute;
  top: 0px; /* Or leave space for other element */
  width: 100%;
  z-index: 10;
}

/*
First content row of page needs large top padding to make space for header
*/