Get The Plugin
Account Login

Divi Hacks Plugin

Examples & Documentation

Section Divider Shadows

  • top-divider-shadow-10
  • top-divider-shadow-5
  • top-divider-shadow-3
  • bottom-divider-shadow-10
  • bottom-divider-shadow-5
  • bottom-divider-shadow-3
  • top-divider-shadow-10-flip
  • top-divider-shadow-5-flip
  • top-divider-shadow-3-flip
  • bottom-divider-shadow-10-flip
  • bottom-divider-shadow-5-flip
  • bottom-divider-shadow-3-flip

The 10, 5, and 3 represents the size of the shadow blur. Use the class that ends  with -flip to vertically flips the shadow in the case when you vertically flip the divider.

Usage

Just add one top class and/or one bottom class to the Section’s CSS Class Box.

  • top-divider-shadow-10
  • bottom-divider-shadow-10
  • top-divider-shadow-5-flip
  • bottom-divider-shadow-5
  • top-divider-shadow-3-flip
  • bottom-divider-shadow-3