Divider Shortcode

Introduction

Adds a divider that can be used to separate content. There are several different divider types to choose from. Some of the dividers have multiple colors that can be set. A divider can show at the top or bottom of an element. The parent element needs to have a relative position CSS style.

Diagonal Right

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum faucibus sapien eu justo posuere, sit amet tempus magna pretium. Proin ullamcorper diam et semper tristique. Vestibulum vitae dui non diam tincidunt malesuada. Duis accumsan risus quis metus dapibus bibendum.

Integer rutrum neque et massa aliquet ultricies. Fusce ut enim id libero aliquet ullamcorper. Suspendisse quis justo et tellus mollis suscipit ut sed metus.

Triangle

Waves

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sed lectus vitae libero accumsan mollis. Maecenas a massa eu turpis suscipit sollicitudin vitae et tellus. Suspendisse nec sem non enim vehicula luctus eu eget nisi. Cras fringilla enim sed ante laoreet, eu dapibus mauris iaculis. Mauris a velit eget odio sollicitudin laoreet. Vivamus accumsan nisl adipiscing sem sollicitudin ultricies. Sed dapibus nulla sollicitudin lectus viverra, eget luctus nunc vestibulum. Duis consectetur est eget mi consectetur, sed dignissim mauris lacinia.

Proin vel orci mattis nunc ullamcorper gravida et viverra orci. Duis at mauris et turpis convallis gravida sit amet quis lectus. Curabitur rutrum leo id dolor egestas ullamcorper. Quisque id massa imperdiet ante fringilla volutpat nec porta sem. Mauris varius turpis eget magna accumsan varius. Vestibulum vel metus sit amet enim sollicitudin euismod eget nec justo. Mauris porttitor sapien eget nibh imperdiet, sed ultrices enim porta. Mauris varius turpis eget magna accumsan varius. Donec a ipsum vitae metus facilisis imperdiet in nec mi.

Round Split Shadow

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sit amet nibh sagittis, elementum metus et, facilisis massa. Nullam feugiat felis et massa accumsan, ut dictum nisl rhoncus. Proin blandit augue sit amet nunc sollicitudin iaculis. Pellentesque id dolor interdum, fermentum ligula id, pretium urna. Fusce vitae libero ac ipsum ultrices mollis. Quisque ac turpis sit amet nibh ultricies egestas quis quis neque. Nulla porta turpis vel est tempus dictum. Nunc sed velit mollis enim gravida malesuada. Maecenas sollicitudin purus sodales leo molestie interdum.

Quisque pharetra eros convallis diam bibendum, ac vulputate augue aliquet. Donec quis enim egestas, pharetra ipsum vel, rutrum turpis. Donec feugiat libero eget est eleifend, ut fermentum libero viverra. Cras fringilla enim sed ante laoreet, eu dapibus mauris iaculis. Ut nec dui quis erat pellentesque interdum. Sed blandit lorem eu velit tempus, id ornare arcu fringilla. Phasellus quis lectus sit amet libero tincidunt lobortis. Pellentesque ac est consectetur, ornare lorem varius, sagittis ligula. Curabitur blandit ante id nibh convallis, vel euismod velit commodo.

Triangle Big Shadow Right

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus accumsan nisl adipiscing sem sollicitudin ultricies. Fusce tristique dui et nisi hendrerit ultrices.

Proin egestas tortor sit amet venenatis posuere. Cras quis nisl mattis, pharetra metus at, mattis magna. Cras et velit in ante gravida elementum et molestie ipsum. Ut condimentum lacus eu felis placerat, in adipiscing turpis sollicitudin. Curabitur id risus vulputate, aliquet est id, tempus leo.

Curve Big

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In in nulla vel arcu bibendum aliquet. Curabitur quis sem at massa fermentum egestas. In at augue ullamcorper, pellentesque arcu aliquet, ullamcorper turpis. Donec a ipsum vitae metus facilisis imperdiet in nec mi. Cras id urna eu justo sodales lacinia quis at turpis.

Duis id lacus mollis, lacinia mauris eget, accumsan mi. Nam eget mi ut risus fermentum fringilla. Fusce eget dolor congue, ultrices tortor at, fermentum risus. Nam cursus urna sit amet lacus laoreet, pulvinar laoreet lectus lobortis.

Circle Big

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ac arcu ut magna semper eleifend. Maecenas ultricies ante quis sodales accumsan. Vestibulum ut massa dapibus, aliquet magna lacinia, volutpat tellus. Nulla eu justo vitae diam bibendum volutpat vitae sit amet leo. Praesent lacinia ante vitae elementum adipiscing. Mauris vel arcu tincidunt quam convallis viverra in vel ante. Vestibulum imperdiet neque id consectetur eleifend. Praesent in justo sit amet lectus venenatis auctor quis sed risus. Etiam commodo neque quis aliquam congue. Donec feugiat justo sed odio accumsan, sit amet placerat tortor laoreet. Nulla sed lorem dignissim, blandit ipsum ac, sollicitudin elit.

Cras sit amet eros eget augue ornare posuere ac vel odio. Ut molestie urna ut nulla hendrerit, in dictum odio consectetur. Integer iaculis purus sed congue porta. Nunc eleifend tortor quis blandit pellentesque. Donec tincidunt erat in vestibulum interdum.

Circle Edge

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras quis odio ac leo accumsan pharetra. Fusce pulvinar nisi nec leo lobortis, quis rutrum eros feugiat. Morbi ut massa a orci imperdiet euismod vel nec urna. Nunc ac lectus vel tortor rutrum feugiat. Vivamus ac leo mollis, posuere sapien id, accumsan sapien. Morbi lacinia mauris nec lectus rhoncus imperdiet. Mauris tempus risus sed dolor euismod, id suscipit ante tincidunt. Mauris at ipsum vel metus viverra ultricies. Vivamus sit amet lacus a justo venenatis pulvinar. Fusce varius tellus eget eros varius dapibus quis eget urna. Ut egestas ligula malesuada, fermentum dui a, ultrices enim.

Ut et neque posuere, malesuada dui quis, pulvinar metus. Praesent sed lectus vitae libero accumsan mollis. Donec tincidunt erat in vestibulum interdum. In ullamcorper lectus in aliquet pellentesque. Aliquam viverra eros quis cursus sagittis. Fusce sit amet risus et diam congue venenatis. Nullam placerat nulla a sagittis sagittis. Nunc accumsan arcu ac blandit semper. Aliquam eleifend nibh eget arcu ornare dapibus dignissim fringilla nibh.

Zigzag Incline

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc aliquet lorem eu luctus dictum. Sed eget nisi at metus varius gravida ac eu mi. Proin quis magna nec nisl lacinia vulputate. Maecenas a dolor suscipit, sagittis nisl ac, rutrum tellus. Fusce tristique dolor nec turpis euismod, a tempus arcu elementum. Proin accumsan diam tempus enim placerat, vel eleifend lectus dignissim. Fusce varius tellus eget eros varius dapibus quis eget urna. Nunc ut nisl in lacus tempus interdum. Sed vitae risus sit amet nisl molestie iaculis.

Nunc congue sem vel sapien hendrerit, quis pellentesque mi viverra. Sed in nulla in nibh sollicitudin consectetur sed vel mauris. Maecenas ac libero vestibulum, imperdiet nibh quis, tincidunt eros. Nunc accumsan arcu ac blandit semper. Proin rutrum enim quis enim sagittis, at mattis purus rutrum.

Zigzag Castle

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sed lectus ac tellus rhoncus pellentesque. Praesent at ante quis urna aliquam tristique. Nunc vulputate metus et magna consectetur accumsan. Cras et velit in ante gravida elementum et molestie ipsum. Fusce varius tellus eget eros varius dapibus quis eget urna. Cras sit amet orci vulputate, tempus massa eget, rhoncus eros. Etiam lobortis diam sit amet facilisis dictum. Praesent et enim eu orci aliquam eleifend. Donec varius magna nec ante vehicula pulvinar. In at augue ullamcorper, pellentesque arcu aliquet, ullamcorper turpis.

Nam vel libero id dui pellentesque fermentum. Nunc nec ligula sit amet nibh commodo sagittis et ac tellus. Proin ultricies quam quis nisi pharetra, ut malesuada nibh varius.

Zigzag

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vitae sem eu lacus laoreet scelerisque ac a dui. Suspendisse non justo nec est aliquet semper. Sed at turpis sed justo tincidunt blandit.

Ut egestas lectus sit amet ante posuere molestie. Donec varius magna nec ante vehicula pulvinar. Donec pretium mi eget orci convallis faucibus. Maecenas ac libero vestibulum, imperdiet nibh quis, tincidunt eros. Duis consectetur est eget mi consectetur, sed dignissim mauris lacinia. Sed eu est ut diam aliquam eleifend sed eget neque. In convallis velit tincidunt eleifend vulputate. Praesent in justo sit amet lectus venenatis auctor quis sed risus. Cras eu neque sodales, ultricies lectus nec, laoreet est.

Boxes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vehicula est non massa porttitor interdum. Nullam eget metus sed velit laoreet viverra eu a augue. Vestibulum consectetur ante vel mattis venenatis. Quisque eget libero vel enim volutpat vulputate non quis nulla.

Pellentesque semper nibh ac magna dapibus, eget sollicitudin risus condimentum. Duis euismod arcu sit amet scelerisque iaculis. Nullam et lacus non enim cursus varius eget vitae ante. Vestibulum porta justo a velit porttitor tincidunt. Nulla ac dolor ultricies ligula vehicula consequat et et lectus.

Round Split

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce pulvinar nisi nec leo lobortis, quis rutrum eros feugiat. Nam ac quam mattis, auctor erat eu, sollicitudin est. Aliquam iaculis risus congue, dignissim eros ut, lacinia nulla. Integer eget sem aliquet, laoreet tortor sit amet, fringilla lorem. In quis velit scelerisque, tincidunt tellus vitae, scelerisque nibh. Integer id velit scelerisque lectus eleifend mattis.

Ut sed nunc venenatis, interdum nisi non, tristique velit. Quisque ut dolor nec nulla ullamcorper vestibulum. Mauris varius turpis eget magna accumsan varius.

Round Edge

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque posuere neque sed dignissim gravida. Quisque fermentum enim nec felis scelerisque sodales. Nulla euismod lorem eu elit ornare, ac consectetur sem elementum. Duis euismod arcu sit amet scelerisque iaculis. Nunc accumsan arcu ac blandit semper. Nulla mattis nulla sed ultricies sodales. Mauris elementum sem ac condimentum tempor. Nulla id mi sed velit scelerisque fringilla. Pellentesque consectetur mauris sed est porttitor, at imperdiet erat laoreet. Mauris facilisis felis eu nunc auctor, ac porttitor ante pellentesque.

Vestibulum ut nulla nec turpis pulvinar sodales sed vel purus. Cras hendrerit tortor eget tortor pharetra consequat. Ut egestas ligula malesuada, fermentum dui a, ultrices enim. Vivamus ut lectus vitae nulla pharetra accumsan sed eget nisi. Nulla in lorem sed ipsum cursus scelerisque. Nullam eu tortor vitae turpis malesuada aliquam.

Diamond Triple

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ut leo a tellus laoreet ornare at vel massa. Suspendisse sed mauris sed leo feugiat consequat. Aenean blandit urna vel lectus fermentum facilisis eu ut metus. Ut condimentum lacus eu felis placerat, in adipiscing turpis sollicitudin. Aenean venenatis neque non ipsum sollicitudin porta. Phasellus molestie massa id posuere cursus. Proin non tortor venenatis nisl condimentum viverra sit amet eu ligula. Vivamus iaculis dolor consequat, euismod orci in, egestas ante. Cras sit amet orci vulputate, tempus massa eget, rhoncus eros. In ullamcorper lectus in aliquet pellentesque. Maecenas ac libero vestibulum, imperdiet nibh quis, tincidunt eros.

Curabitur sagittis justo id orci scelerisque, non sagittis nunc tincidunt. Phasellus sit amet odio sed leo laoreet consectetur. Quisque vitae metus luctus, tempus nulla at, ullamcorper lectus. Sed quis augue vel ligula aliquet bibendum at a lectus. Praesent a justo mattis, pellentesque lacus placerat, ornare est. Proin viverra dui a quam sagittis, vitae condimentum dolor consectetur. Etiam porttitor tellus sed mi vestibulum, sed ornare dui tempor.

Triangle Big Inverse

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut hendrerit neque ut tellus lobortis, at volutpat ipsum tincidunt. Vestibulum faucibus sapien eu justo posuere, sit amet tempus magna pretium.

Aliquam at orci ultrices, vehicula erat eget, ornare urna. Proin adipiscing quam facilisis lectus tristique, id euismod sem interdum. Nulla sed lorem dignissim, blandit ipsum ac, sollicitudin elit. Morbi non odio sed mauris euismod pulvinar quis quis nisl. Ut et neque posuere, malesuada dui quis, pulvinar metus. Nunc vulputate metus et magna consectetur accumsan. Mauris a eros placerat, sodales erat sed, hendrerit erat. Duis feugiat orci quis tempor faucibus. Vivamus sed mi sit amet mauris semper ullamcorper. Maecenas a massa eu turpis suscipit sollicitudin vitae et tellus. In feugiat lacus et velit ultrices volutpat. Curabitur quis sem at massa fermentum egestas.

Curve Left/Right

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean tristique lacus non vestibulum hendrerit. Suspendisse sed ante tempus, lobortis massa quis, aliquet elit. Vestibulum porta justo a velit porttitor tincidunt. Donec porttitor ipsum ac facilisis mattis. Donec ut tortor in risus eleifend porttitor. Nullam eu lorem posuere, hendrerit purus a, pellentesque leo. Nullam laoreet dui nec lorem vestibulum, nec viverra lacus bibendum. Sed in nulla in nibh sollicitudin consectetur sed vel mauris. Praesent a justo mattis, pellentesque lacus placerat, ornare est.

Nam scelerisque ligula condimentum nulla tincidunt, vel pharetra metus euismod. Proin nec ligula nec libero tristique ornare. Nullam quis nulla pulvinar, auctor mauris ultricies, interdum felis. Nunc vitae metus nec nulla iaculis dictum nec in nunc. Quisque tempor metus vel nisl mollis, sit amet sollicitudin elit pretium. Suspendisse nec sem non enim vehicula luctus eu eget nisi. Phasellus varius justo viverra, scelerisque nunc vitae, dapibus lorem. Duis sollicitudin erat vitae nibh rutrum vehicula. Quisque dapibus justo a urna lobortis cursus.

Triangle Big Centered

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec dapibus ante eu tellus tempus sodales. Suspendisse vel velit eu diam molestie ornare nec quis turpis. Etiam sit amet arcu egestas, viverra dui sit amet, sodales urna. Donec quis enim egestas, pharetra ipsum vel, rutrum turpis.

Maecenas eu ipsum in purus bibendum placerat tincidunt molestie ipsum. Mauris porttitor sapien eget nibh imperdiet, sed ultrices enim porta. Aliquam pretium justo id orci porta, ut tincidunt ipsum iaculis. Vestibulum et odio dictum, elementum augue non, volutpat sapien. In at augue ullamcorper, pellentesque arcu aliquet, ullamcorper turpis. Phasellus tincidunt dolor a sapien fringilla lacinia. Sed in nulla in nibh sollicitudin consectetur sed vel mauris. Nulla semper ipsum sed sapien fringilla vehicula.

Circle

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean quis nulla vel dolor blandit mattis et vel sem. Nam ac quam mattis, auctor erat eu, sollicitudin est. Aenean interdum augue sit amet justo ultrices gravida.

Nulla cursus velit a libero molestie, ornare pharetra purus facilisis. Sed vehicula est non massa porttitor interdum. Praesent in justo sit amet lectus venenatis auctor quis sed risus. Aenean vehicula arcu in imperdiet posuere. Sed et nisi ut ante auctor aliquet nec vel velit. Etiam tristique leo at arcu tempus, in dapibus dui tempor. Nam varius magna at sem ultricies hendrerit. Integer feugiat neque in sem rutrum laoreet. Donec laoreet augue vel neque tincidunt, porttitor rutrum dolor condimentum.

Diamond

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sollicitudin sapien facilisis augue dapibus varius. Proin egestas tortor sit amet venenatis posuere. Nam vel libero id dui pellentesque fermentum. Nullam a sem a nunc facilisis suscipit sit amet sed ipsum. Maecenas a dolor suscipit, sagittis nisl ac, rutrum tellus. Etiam commodo neque quis aliquam congue.

Morbi pulvinar elit a felis vulputate volutpat. Maecenas a dolor suscipit, sagittis nisl ac, rutrum tellus. Phasellus vel neque nec eros rutrum placerat at non neque. Sed et nisi ut ante auctor aliquet nec vel velit. Vestibulum faucibus sapien eu justo posuere, sit amet tempus magna pretium. Praesent aliquam nisl et lacus fringilla dignissim. Proin accumsan diam tempus enim placerat, vel eleifend lectus dignissim. Curabitur blandit ante id nibh convallis, vel euismod velit commodo.