Dividers

Decorative dividers

 

 

 

 

 

 
[divider style="circle" align="left|center|right"]
 

 

 

 

 

 

 
[divider style="square" align="left|center|right"]
 

Standard dividers

 
[divider style="line"]
 
[divider style="dashed"]
 
 
[divider style="double-line"]
 
[divider style="double-dashed"]
 

Plain (invisible) divider

 
[divider height=40]
 

Unlimited Colors!

 
 
 
 
 
 

 

 
 

 

 
 

You can even change the opacity…

 
[divider style="dashed" margin_top="20" opacity=".25" color="primary"]
 
[divider style="double" margin_top="20" opacity=".5" color="primary"]
 

 

 
[divider style="square" margin_top="20" opacity=".75" color="primary"]
 

 

 
[divider style="circle" margin_top="20" opacity="1" color="primary"]

 

 
  • 1.
    Divider Shortcode
  • 2.
    =================
  • 3.
    For plain (invisible) dividers...
  • 4.
    [divider height="40px"]
  • 5.
    For line dividers...
  • 6.
    [divider style="line" padding_top="10px" padding_bottom="10px"]
  • 7.
    color: [hex color code] (default: #EAEAEA... only useful when "style" is present)
  • 8.
    height: [integer] (default: 40px... only useful when "style" is not present)
  • 9.
    style: none (default), line, dashed, double-line, double-dashed
  • 10.
    padding_top: [integer] (default: 10px... only useful when "style" is present)
  • 11.
    padding_bottom: [integer] (default: 10px... only useful when "style" is present)