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. Donec quis dolor congue, consequat nibh ac, auctor nibh. Nullam et lorem sodales, accumsan nisl quis, fermentum ante. Suspendisse sed sem sed lorem sagittis auctor non non augue. Vestibulum at diam tristique, interdum sapien in, blandit nulla. Praesent mollis lacus sit amet tortor malesuada placerat. Curabitur id risus vulputate, aliquet est id, tempus leo. Nullam laoreet dui nec lorem vestibulum, nec viverra lacus bibendum. Morbi tincidunt justo vel felis interdum, quis pharetra libero porta.

Suspendisse varius metus nec massa malesuada laoreet. Duis ornare sem nec mi euismod posuere. Nunc sit amet arcu ultricies, sodales arcu sit amet, facilisis tortor. Duis accumsan risus quis metus dapibus bibendum. Nunc accumsan arcu ac blandit semper. Proin egestas tortor sit amet venenatis posuere. Integer quis nibh lobortis, posuere tortor nec, semper arcu. Pellentesque dictum libero eu odio ultricies pellentesque. Nullam placerat nulla a sagittis sagittis.

Triangle

Waves

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec at nunc a arcu congue posuere. Sed vitae lectus dapibus, consequat nulla sit amet, gravida arcu. Quisque fermentum enim nec felis scelerisque sodales. Cras sit amet mi eu sem congue fringilla. Pellentesque posuere neque sed dignissim gravida.

Nulla euismod lorem eu elit ornare, ac consectetur sem elementum. Praesent mollis lacus sit amet tortor malesuada placerat. Sed faucibus risus nec pharetra euismod. Nam eleifend lectus rutrum dui pretium commodo. Aliquam dapibus nulla condimentum, egestas risus eget, rutrum leo. Nulla euismod justo adipiscing ante porttitor adipiscing. Duis varius felis nec lectus ornare ultricies. Mauris sed dolor viverra, accumsan nisl ac, interdum metus. Vestibulum et odio dictum, elementum augue non, volutpat sapien. Sed id leo dictum, hendrerit urna vitae, ullamcorper felis.

Round Split Shadow

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam et lacus non enim cursus varius eget vitae ante. Proin ultricies massa vitae nisl ultrices imperdiet. Aenean venenatis neque non ipsum sollicitudin porta. Cras at nisi eget mauris dictum vehicula eu non massa. Integer tempor leo eget tellus fermentum sollicitudin.

Proin vitae ipsum et nisl tristique posuere. Suspendisse sed mauris sed leo feugiat consequat. Praesent in purus dignissim, malesuada orci vitae, lacinia dolor. Maecenas a dolor suscipit, sagittis nisl ac, rutrum tellus.

Triangle Big Shadow Right

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sed lectus vitae libero accumsan mollis. Vivamus accumsan nisl adipiscing sem sollicitudin ultricies. Aliquam tincidunt nibh vitae leo fringilla gravida nec eget velit. In convallis velit tincidunt eleifend vulputate. Suspendisse eu nunc rutrum, vulputate enim sed, lobortis erat. Suspendisse eu nunc rutrum, vulputate enim sed, lobortis erat. Nulla dictum purus in vehicula volutpat. Quisque consectetur lorem sit amet nisi porttitor, sed bibendum nunc sodales. Mauris sit amet tellus eget neque gravida volutpat. Curabitur imperdiet nisi a arcu bibendum dapibus. Donec at massa id leo imperdiet tincidunt id at ipsum.

Duis id odio in mi ultricies ultricies. Sed lacinia neque a nulla bibendum hendrerit. Vivamus sit amet lacus a justo venenatis pulvinar. Aliquam pharetra ligula vel lacus euismod lacinia. Praesent ac mi quis dui tincidunt suscipit. Quisque pharetra eros convallis diam bibendum, ac vulputate augue aliquet.

Curve Big

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque accumsan enim id convallis pellentesque. Sed faucibus risus nec pharetra euismod. Vestibulum vitae dui non diam tincidunt malesuada. Sed tristique urna non vehicula imperdiet. Aliquam imperdiet nibh gravida, sodales nulla a, venenatis neque. Nullam ullamcorper lacus at dui consequat, vitae molestie orci dignissim. Nulla id mi sed velit scelerisque fringilla. Proin molestie libero ac risus pellentesque mollis. Cras bibendum nunc et turpis facilisis, id porttitor est ultricies.

Phasellus eleifend massa at euismod rutrum. Vestibulum ut massa dapibus, aliquet magna lacinia, volutpat tellus. Quisque consectetur felis non nulla accumsan tempor. Cras scelerisque odio non vehicula porta. Nulla cursus velit a libero molestie, ornare pharetra purus facilisis.

Circle Big

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec at nunc a arcu congue posuere. Quisque fermentum enim nec felis scelerisque sodales. Morbi varius dui non nulla pretium, at auctor augue sollicitudin. Curabitur ornare lacus adipiscing nisl porta, quis faucibus felis vestibulum. Donec porttitor ipsum ac facilisis mattis. Vivamus ac leo mollis, posuere sapien id, accumsan sapien. Phasellus suscipit urna id mauris fringilla accumsan. Donec eget quam non ligula placerat ultrices. In vitae purus vitae elit congue imperdiet vel sit amet dolor. Curabitur quis sem at massa fermentum egestas. Curabitur tristique ligula ut elit luctus convallis.

Vestibulum non urna in felis lobortis vestibulum. Pellentesque et sem interdum, pulvinar ligula quis, suscipit erat. Duis semper purus ac arcu ullamcorper blandit. Curabitur tristique ligula ut elit luctus convallis. Nunc vitae metus nec nulla iaculis dictum nec in nunc. Praesent feugiat tellus et nisi rhoncus, vel mattis quam laoreet. Pellentesque dignissim sapien nec sagittis commodo. Integer laoreet mauris a augue bibendum blandit. Donec tempor urna at auctor dictum. Vivamus at turpis luctus metus commodo fermentum. Curabitur id risus vulputate, aliquet est id, tempus leo. Duis sed lectus in turpis rutrum bibendum sit amet a ante.

Circle Edge

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ut tortor in risus eleifend porttitor. Suspendisse eu nunc rutrum, vulputate enim sed, lobortis erat. Sed malesuada libero eget viverra tristique. Donec tempor nisl eget libero imperdiet auctor. Pellentesque id dolor interdum, fermentum ligula id, pretium urna. Sed vel dolor tempus, imperdiet erat in, varius orci.

Ut egestas lectus sit amet ante posuere molestie. Nulla euismod lorem eu elit ornare, ac consectetur sem elementum. Morbi sit amet eros id lectus ultricies euismod. Vestibulum at diam tristique, interdum sapien in, blandit nulla. Praesent feugiat tellus et nisi rhoncus, vel mattis quam laoreet. Etiam pretium massa malesuada vestibulum volutpat. Curabitur quis sem at massa fermentum egestas. In ut enim vel mi sodales facilisis non id ipsum. Sed dapibus nulla sollicitudin lectus viverra, eget luctus nunc vestibulum. Vestibulum vel metus sit amet enim sollicitudin euismod eget nec justo. Nulla a metus quis ipsum tincidunt blandit vitae sit amet turpis.

Zigzag Incline

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin adipiscing quam facilisis lectus tristique, id euismod sem interdum. Fusce a odio sollicitudin, euismod ipsum at, pellentesque leo. In feugiat lacus et velit ultrices volutpat. Proin quis magna nec nisl lacinia vulputate. Etiam vulputate lectus eget enim porttitor euismod.

Phasellus commodo dolor a mi condimentum tristique. Sed vitae lectus dapibus, consequat nulla sit amet, gravida arcu. Proin ut lacus ac mi sollicitudin interdum.

Zigzag Castle

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur rutrum leo id dolor egestas ullamcorper. Vestibulum vitae dui non diam tincidunt malesuada. Duis molestie magna sit amet lacinia commodo. Sed a nisl sed neque tristique volutpat eget eu augue. Donec eget quam non ligula placerat ultrices. Curabitur imperdiet nisi a arcu bibendum dapibus. Vestibulum faucibus sapien eu justo posuere, sit amet tempus magna pretium. Fusce ac neque congue urna tristique scelerisque. Maecenas ac tortor eu est porttitor sodales in id odio.

Nam varius magna at sem ultricies hendrerit. Morbi scelerisque mi non tellus vestibulum, a rutrum tellus porttitor. Curabitur sit amet leo vehicula, luctus tortor nec, adipiscing risus. Nam fermentum urna nec risus consectetur egestas. Ut condimentum lacus eu felis placerat, in adipiscing turpis sollicitudin. Fusce sagittis libero id lorem imperdiet, ac euismod ipsum venenatis. Phasellus molestie massa id posuere cursus. Cras in ante et erat porta luctus. Proin vel orci mattis nunc ullamcorper gravida et viverra orci.

Zigzag

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vel neque nec eros rutrum placerat at non neque. Donec dapibus ante eu tellus tempus sodales. Phasellus molestie sapien at felis blandit placerat. Mauris facilisis felis eu nunc auctor, ac porttitor ante pellentesque.

Nunc sit amet arcu ultricies, sodales arcu sit amet, facilisis tortor. Curabitur dapibus ipsum eu ligula dignissim scelerisque. Praesent at massa tincidunt, malesuada sem sed, mattis lorem. Quisque pharetra eros convallis diam bibendum, ac vulputate augue aliquet.

Boxes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ac sapien in sapien aliquet eleifend. Sed et nisi ut ante auctor aliquet nec vel velit. Etiam eu dolor eget arcu sodales posuere sit amet in dolor. In ac ligula non mauris imperdiet auctor. In feugiat lacus et velit ultrices volutpat. Ut mattis orci pharetra, suscipit augue a, faucibus felis. Etiam porttitor tellus sed mi vestibulum, sed ornare dui tempor. Cras tincidunt ipsum et scelerisque ultrices. Proin adipiscing quam facilisis lectus tristique, id euismod sem interdum. In at augue ullamcorper, pellentesque arcu aliquet, ullamcorper turpis.

Morbi egestas ipsum sit amet lorem porttitor eleifend. Nunc non turpis eu eros tincidunt vestibulum in id purus. Nulla ac dolor ultricies ligula vehicula consequat et et lectus.

Round Split

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse semper neque adipiscing nibh ullamcorper tristique. Etiam tristique leo at arcu tempus, in dapibus dui tempor. In ullamcorper lectus in aliquet pellentesque. Sed quis augue vel ligula aliquet bibendum at a lectus. Cras at nisi eget mauris dictum vehicula eu non massa. Quisque ac orci condimentum, suscipit nibh vitae, viverra elit. Sed ultricies justo non diam vulputate, adipiscing dictum purus ullamcorper. Aenean mattis nisl et sem adipiscing, at aliquam est dictum.

Proin viverra dui a quam sagittis, vitae condimentum dolor consectetur. Nullam quis nulla pulvinar, auctor mauris ultricies, interdum felis. Mauris pharetra sem non nulla gravida, non condimentum enim tempus. Nulla semper ipsum sed sapien fringilla vehicula.

Round Edge

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut enim id libero aliquet ullamcorper. Praesent interdum est sed rutrum dapibus.

Pellentesque scelerisque velit sit amet massa semper, quis rutrum nunc venenatis. Integer eu ligula blandit metus facilisis viverra. Vestibulum at diam tristique, interdum sapien in, blandit nulla. Morbi pulvinar elit a felis vulputate volutpat. Ut sed nunc venenatis, interdum nisi non, tristique velit. Quisque consectetur felis non nulla accumsan tempor. Cras non erat egestas, vehicula orci ac, suscipit metus. In ultrices magna et auctor porta. Duis accumsan risus quis metus dapibus bibendum. Nulla cursus velit a libero molestie, ornare pharetra purus facilisis.

Diamond Triple

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla a dui consectetur, gravida ligula et, viverra purus. Vestibulum porta justo a velit porttitor tincidunt. Mauris rhoncus leo id enim venenatis consequat. Donec laoreet augue vel neque tincidunt, porttitor rutrum dolor condimentum. Integer suscipit risus sed nisi sodales imperdiet eu id est. Phasellus sit amet odio sed leo laoreet consectetur. Phasellus fermentum tellus vitae nisi adipiscing elementum. Sed ultricies justo non diam vulputate, adipiscing dictum purus ullamcorper. Pellentesque ullamcorper dui tincidunt pellentesque tempus.

Nam laoreet sapien ac odio ullamcorper posuere. Vestibulum cursus ligula sed augue tempus, dictum interdum mi tempor. Donec porttitor ipsum ac facilisis mattis. Nullam et mi aliquam, pellentesque neque aliquam, tincidunt diam. Vestibulum eu lectus non nunc vehicula blandit. Morbi varius dui non nulla pretium, at auctor augue sollicitudin. Praesent ac mi quis dui tincidunt suscipit. Sed mattis augue ut blandit eleifend. Ut nec dui quis erat pellentesque interdum.

Triangle Big Inverse

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tincidunt dolor a sapien fringilla lacinia. Etiam quis ligula eleifend dolor convallis sagittis. Sed et quam sit amet ligula porttitor placerat at eu diam. Proin vitae ipsum et nisl tristique posuere. Nunc ac lectus vel tortor rutrum feugiat.

Nulla ac dolor ultricies ligula vehicula consequat et et lectus. Proin adipiscing quam facilisis lectus tristique, id euismod sem interdum. Quisque ut dolor nec nulla ullamcorper vestibulum. Pellentesque ac est consectetur, ornare lorem varius, sagittis ligula. Morbi vitae sem eu lacus laoreet scelerisque ac a dui. Vestibulum vel metus sit amet enim sollicitudin euismod eget nec justo. Pellentesque accumsan enim id convallis pellentesque. Praesent in purus dignissim, malesuada orci vitae, lacinia dolor. Etiam et odio sit amet massa aliquam convallis. Nullam et odio sit amet libero consectetur congue ac vitae tortor. Sed eget urna vel orci aliquam molestie quis sed elit.

Curve Left/Right

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis varius felis nec lectus ornare ultricies. Nunc vulputate metus et magna consectetur accumsan.

Aenean mattis nisl et sem adipiscing, at aliquam est dictum. Morbi non odio sed mauris euismod pulvinar quis quis nisl. Aenean mattis nisl et sem adipiscing, at aliquam est dictum. Aenean viverra ante id nunc lacinia aliquam. Duis scelerisque nulla ac augue vulputate, in luctus ligula convallis. Morbi at libero at sapien ultricies feugiat in quis orci. In at augue ullamcorper, pellentesque arcu aliquet, ullamcorper turpis. Ut condimentum lacus eu felis placerat, in adipiscing turpis sollicitudin. Curabitur et justo dignissim, tincidunt lacus a, tristique tortor. Suspendisse nec sem non enim vehicula luctus eu eget nisi. Nunc sit amet arcu ultricies, sodales arcu sit amet, facilisis tortor. Duis sollicitudin erat vitae nibh rutrum vehicula.

Triangle Big Centered

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sed dolor viverra, accumsan nisl ac, interdum metus. Pellentesque ac sapien luctus est pellentesque cursus sed vitae lectus. Aenean vitae nisi id nulla tristique egestas at eget odio. Fusce sagittis libero id lorem imperdiet, ac euismod ipsum venenatis. Aliquam dapibus nulla condimentum, egestas risus eget, rutrum leo.

Duis accumsan risus quis metus dapibus bibendum. Nulla euismod justo adipiscing ante porttitor adipiscing. Pellentesque consectetur mauris sed est porttitor, at imperdiet erat laoreet. Nulla euismod lorem eu elit ornare, ac consectetur sem elementum. Sed ultricies justo non diam vulputate, adipiscing dictum purus ullamcorper. Nam in est in tortor pretium posuere. Vestibulum dictum nunc ut mi semper, non suscipit mauris sollicitudin. Pellentesque bibendum mauris at diam pretium, sit amet tempor tortor ultricies. Morbi vehicula mi sed lacus commodo, aliquet eleifend odio tristique. Pellentesque scelerisque velit sit amet massa semper, quis rutrum nunc venenatis. Donec quis enim egestas, pharetra ipsum vel, rutrum turpis.

Circle

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sit amet orci ac nulla blandit vestibulum. Aliquam vel massa vulputate, dictum nulla sodales, suscipit nisi.

Nulla dictum purus in vehicula volutpat. Praesent sed lectus vitae libero accumsan mollis. Nulla a dui consectetur, gravida ligula et, viverra purus. Aenean tristique lacus non vestibulum hendrerit.

Diamond

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi tincidunt justo vel felis interdum, quis pharetra libero porta. Fusce sit amet risus et diam congue venenatis. Integer iaculis purus sed congue porta. Proin ultricies massa vitae nisl ultrices imperdiet. Sed in nulla in nibh sollicitudin consectetur sed vel mauris. Duis molestie magna sit amet lacinia commodo. Pellentesque ullamcorper dui tincidunt pellentesque tempus. Quisque ac orci condimentum, suscipit nibh vitae, viverra elit. Vestibulum id erat quis ante dictum consequat a sed dui. Etiam lobortis diam sit amet facilisis dictum. Curabitur rutrum leo id dolor egestas ullamcorper.

Nunc vitae metus nec nulla iaculis dictum nec in nunc. Nunc eleifend tortor quis blandit pellentesque. Nam eget mi ut risus fermentum fringilla. Aliquam vel massa vulputate, dictum nulla sodales, suscipit nisi. Proin nec ligula nec libero tristique ornare.