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 eget quam non ligula placerat ultrices. Integer tempor leo eget tellus fermentum sollicitudin.

Etiam vulputate lectus eget enim porttitor euismod. Integer quis nibh lobortis, posuere tortor nec, semper arcu. Duis at mauris et turpis convallis gravida sit amet quis lectus.

Triangle

Waves

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec quis nunc vitae nibh sagittis lacinia. Mauris sed dolor viverra, accumsan nisl ac, interdum metus. Aenean venenatis neque non ipsum sollicitudin porta. Nulla ac dolor ultricies ligula vehicula consequat et et lectus. Nulla a dui consectetur, gravida ligula et, viverra purus. Sed ut augue viverra, lobortis lacus nec, tincidunt mi. Sed eu est ut diam aliquam eleifend sed eget neque.

Pellentesque sit amet urna eget nisl luctus tristique at non odio. Aliquam ut turpis eu est auctor laoreet volutpat nec ante. Quisque sed erat eu orci ultrices vestibulum. Sed eget urna vel orci aliquam molestie quis sed elit. Suspendisse nec ipsum sed metus lacinia vestibulum. Maecenas facilisis augue et nisi ullamcorper condimentum. Nulla semper ipsum sed sapien fringilla vehicula.

Round Split Shadow

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In egestas ipsum at ante suscipit, ac posuere metus elementum. Sed dapibus nulla sollicitudin lectus viverra, eget luctus nunc vestibulum. Nam posuere turpis ut semper ullamcorper. In vitae ligula interdum, auctor quam vitae, eleifend quam. Suspendisse id ante mattis, facilisis felis a, scelerisque est. Suspendisse id ante mattis, facilisis felis a, scelerisque est. Nulla cursus velit a libero molestie, ornare pharetra purus facilisis. Integer id velit scelerisque lectus eleifend mattis. Aliquam dapibus metus vitae libero sollicitudin, vel sodales sapien tristique. Mauris pharetra sem non nulla gravida, non condimentum enim tempus. Duis sed lectus in turpis rutrum bibendum sit amet a ante.

Mauris tempus risus sed dolor euismod, id suscipit ante tincidunt. Pellentesque bibendum mauris at diam pretium, sit amet tempor tortor ultricies. Nullam laoreet dui nec lorem vestibulum, nec viverra lacus bibendum. Integer pulvinar risus ut magna ornare, id tincidunt arcu porta. Cras sit amet eros eget augue ornare posuere ac vel odio. Vivamus porttitor leo in tincidunt hendrerit. Nulla id mi sed velit scelerisque fringilla.

Triangle Big Shadow Right

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tristique dui et nisi hendrerit ultrices. Phasellus eu mi quis nibh consectetur auctor. Sed dapibus nulla sollicitudin lectus viverra, eget luctus nunc vestibulum. Pellentesque id dolor interdum, fermentum ligula id, pretium urna. Vivamus facilisis purus nec justo pharetra, nec semper justo sollicitudin.

Donec quis nunc vitae nibh sagittis lacinia. Sed vehicula est non massa porttitor interdum. Duis feugiat orci quis tempor faucibus. Nullam eget metus sed velit laoreet viverra eu a augue. Fusce at orci vel orci suscipit commodo quis ac sem. Donec quis nunc vitae nibh sagittis lacinia. In vitae diam ac risus sodales sagittis vel sed tortor. Pellentesque scelerisque velit sit amet massa semper, quis rutrum nunc venenatis. Cras at nisi eget mauris dictum vehicula eu non massa.

Curve Big

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras fringilla enim sed ante laoreet, eu dapibus mauris iaculis. Duis tempor est non orci convallis rhoncus. Donec at massa id leo imperdiet tincidunt id at ipsum. Ut egestas ligula malesuada, fermentum dui a, ultrices enim. Nunc sed erat in nisl malesuada vestibulum. Curabitur blandit elit nec ipsum dapibus suscipit.

Mauris at ipsum vel metus viverra ultricies. Etiam et odio sit amet massa aliquam convallis. Nunc sed erat in nisl malesuada vestibulum. Pellentesque ac est consectetur, ornare lorem varius, sagittis ligula. Vivamus at turpis luctus metus commodo fermentum. Donec in tellus ut libero scelerisque venenatis. Phasellus vel neque nec eros rutrum placerat at non neque. Curabitur blandit elit nec ipsum dapibus suscipit. Quisque fermentum enim nec felis scelerisque sodales. Aliquam dapibus nulla condimentum, egestas risus eget, rutrum leo. Nunc accumsan arcu ac blandit semper.

Circle Big

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam vel massa vulputate, dictum nulla sodales, suscipit nisi. Praesent in purus dignissim, malesuada orci vitae, lacinia dolor. Fusce ut enim id libero aliquet ullamcorper. In accumsan nunc venenatis convallis auctor. Etiam vulputate lectus eget enim porttitor euismod. Vestibulum at diam tristique, interdum sapien in, blandit nulla. Mauris ultrices arcu ac lacus mollis, ut lobortis libero auctor. Cras sed mauris non massa tincidunt viverra a consequat ligula.

Ut egestas ligula malesuada, fermentum dui a, ultrices enim. Vestibulum imperdiet neque id consectetur eleifend. Vivamus ut lectus vitae nulla pharetra accumsan sed eget nisi. Maecenas quis lorem hendrerit, vulputate nulla et, mollis risus. Etiam vulputate lectus eget enim porttitor euismod. Sed non dolor posuere, malesuada turpis vitae, consequat lectus. Nunc porta ante eu tellus venenatis suscipit. Maecenas quis lorem hendrerit, vulputate nulla et, mollis risus. Ut egestas magna sed ipsum faucibus pellentesque. Maecenas quis lorem hendrerit, vulputate nulla et, mollis risus. Duis et dui ac orci dapibus imperdiet.

Circle Edge

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam quis nulla pulvinar, auctor mauris ultricies, interdum felis. Nullam quis nulla pulvinar, auctor mauris ultricies, interdum felis.

Mauris quis ante sed mauris porta lacinia sed a dui. Nulla sed lorem dignissim, blandit ipsum ac, sollicitudin elit. Morbi egestas ipsum sit amet lorem porttitor eleifend. Mauris pharetra sem non nulla gravida, non condimentum enim tempus. Etiam et odio sit amet massa aliquam convallis. Etiam fermentum erat quis adipiscing ornare. Aliquam rutrum quam non interdum egestas. Phasellus aliquam ipsum ut aliquet dapibus. Integer suscipit risus sed nisi sodales imperdiet eu id est. Quisque ut dolor nec nulla ullamcorper vestibulum. Mauris sit amet nibh sagittis, elementum metus et, facilisis massa.

Zigzag Incline

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut egestas ligula malesuada, fermentum dui a, ultrices enim. Duis ornare sem nec mi euismod posuere. Suspendisse vitae ipsum tempus, accumsan ante vel, venenatis erat. Aliquam sagittis leo eu sodales tristique.

Aenean blandit urna vel lectus fermentum facilisis eu ut metus. Pellentesque dictum libero eu odio ultricies pellentesque. Ut sed nunc venenatis, interdum nisi non, tristique velit. Donec laoreet augue vel neque tincidunt, porttitor rutrum dolor condimentum. Cras quis nisl mattis, pharetra metus at, mattis magna. Curabitur varius odio a adipiscing tempor. Morbi tristique nulla vitae eros pharetra blandit.

Zigzag Castle

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eu mauris consectetur, accumsan leo in, venenatis nisi. Ut sed nunc venenatis, interdum nisi non, tristique velit. In ac lorem feugiat, molestie ligula ac, congue risus. Nullam et lacus non enim cursus varius eget vitae ante.

Quisque rutrum libero vitae ullamcorper consequat. Aliquam mollis magna elementum, dapibus leo ac, mollis metus. Mauris at ipsum vel metus viverra ultricies. Praesent et enim eu orci aliquam eleifend. Nunc sit amet arcu ultricies, sodales arcu sit amet, facilisis tortor. Pellentesque scelerisque velit sit amet massa semper, quis rutrum nunc venenatis. Suspendisse sed sem sed lorem sagittis auctor non non augue. Sed ultricies justo non diam vulputate, adipiscing dictum purus ullamcorper. Quisque consectetur lorem sit amet nisi porttitor, sed bibendum nunc sodales. Nunc ac lectus vel tortor rutrum feugiat. Sed dapibus nulla sollicitudin lectus viverra, eget luctus nunc vestibulum. Etiam venenatis massa a turpis vulputate pharetra.

Zigzag

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam varius magna at sem ultricies hendrerit. Curabitur blandit ante id nibh convallis, vel euismod velit commodo. Duis semper purus ac arcu ullamcorper blandit.

Nunc at urna eleifend, tristique diam vel, posuere odio. Mauris at ipsum vel metus viverra ultricies. Etiam ornare felis sit amet purus tristique, in placerat velit faucibus. Cras pulvinar nibh vitae tellus pharetra dapibus. Nullam a sem a nunc facilisis suscipit sit amet sed ipsum. Phasellus varius justo viverra, scelerisque nunc vitae, dapibus lorem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi tristique nulla vitae eros pharetra blandit.

Boxes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut mattis orci pharetra, suscipit augue a, faucibus felis. Nulla eu justo vitae diam bibendum volutpat vitae sit amet leo. Donec quis enim egestas, pharetra ipsum vel, rutrum turpis. Nulla ac tortor hendrerit felis accumsan pulvinar. Curabitur ullamcorper quam vel est imperdiet, a eleifend metus adipiscing.

Duis varius lectus lobortis ipsum tempor, ut interdum eros facilisis. Quisque id massa imperdiet ante fringilla volutpat nec porta sem. Praesent sed lectus vitae libero accumsan mollis.

Round Split

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum id erat quis ante dictum consequat a sed dui. Vestibulum porta justo a velit porttitor tincidunt. Vestibulum ut nulla nec turpis pulvinar sodales sed vel purus. Suspendisse eu nunc rutrum, vulputate enim sed, lobortis erat. Nam scelerisque ligula condimentum nulla tincidunt, vel pharetra metus euismod. Ut egestas ligula malesuada, fermentum dui a, ultrices enim. Proin vel orci mattis nunc ullamcorper gravida et viverra orci. Duis et dui ac orci dapibus imperdiet.

Morbi pulvinar elit a felis vulputate volutpat. Quisque fermentum enim nec felis scelerisque sodales. Donec euismod purus id blandit faucibus. Cras bibendum erat rhoncus felis ultrices posuere. Nunc aliquet lorem eu luctus dictum. Nunc eu mauris ac felis sodales lacinia. Nunc non justo ultricies, tristique libero vitae, ornare odio. Praesent mattis nibh eu enim laoreet adipiscing. Vestibulum sit amet orci ac nulla blandit vestibulum. Nunc ac lectus vel tortor rutrum feugiat. Quisque molestie tortor quis enim suscipit convallis. Duis scelerisque nulla ac augue vulputate, in luctus ligula convallis.

Round Edge

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse scelerisque nunc pulvinar aliquam lacinia. Integer pulvinar risus ut magna ornare, id tincidunt arcu porta. Vivamus at turpis luctus metus commodo fermentum. Nulla dictum purus in vehicula volutpat. Morbi sit amet massa nec elit lobortis dictum id at leo. Proin accumsan diam tempus enim placerat, vel eleifend lectus dignissim.

Proin in tortor vehicula, porttitor elit at, egestas mi. Ut hendrerit neque ut tellus lobortis, at volutpat ipsum tincidunt. Duis id lacus mollis, lacinia mauris eget, accumsan mi. Pellentesque accumsan enim id convallis pellentesque. Morbi egestas ipsum sit amet lorem porttitor eleifend.

Diamond Triple

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris pharetra sem non nulla gravida, non condimentum enim tempus. Ut nec dui quis erat pellentesque interdum. Cras laoreet diam ac mauris placerat sollicitudin. Curabitur blandit ante id nibh convallis, vel euismod velit commodo. Donec egestas erat eget ante suscipit, vitae iaculis neque sollicitudin. Nullam sodales purus id velit pharetra commodo. Nam pretium metus nec lacus auctor, in lacinia lorem ullamcorper. Nullam et odio sit amet libero consectetur congue ac vitae tortor. Mauris vel arcu tincidunt quam convallis viverra in vel ante. Quisque molestie tortor quis enim suscipit convallis.

Suspendisse semper neque adipiscing nibh ullamcorper tristique. Suspendisse scelerisque nunc pulvinar aliquam lacinia. Suspendisse id ante mattis, facilisis felis a, scelerisque est. Maecenas mollis nunc ac sem placerat luctus. Morbi et ligula a enim euismod lobortis. Ut hendrerit neque ut tellus lobortis, at volutpat ipsum tincidunt. Nullam suscipit massa non purus hendrerit, pellentesque semper augue consequat. Ut eu leo at libero tempor blandit. Etiam ornare felis sit amet purus tristique, in placerat velit faucibus. Donec molestie urna ut velit facilisis fermentum. Curabitur sit amet leo vehicula, luctus tortor nec, adipiscing risus. Quisque id massa imperdiet ante fringilla volutpat nec porta sem.

Triangle Big Inverse

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus commodo dolor a mi condimentum tristique. Fusce tristique est non ligula iaculis, et accumsan neque euismod. Aliquam viverra eros quis cursus sagittis.

Donec at nunc a arcu congue posuere. Quisque ac arcu ut magna semper eleifend. Quisque ac arcu ut magna semper eleifend.

Curve Left/Right

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam cursus urna sit amet lacus laoreet, pulvinar laoreet lectus lobortis. Ut hendrerit neque ut tellus lobortis, at volutpat ipsum tincidunt. Donec feugiat libero eget est eleifend, ut fermentum libero viverra. Fusce ac neque congue urna tristique scelerisque. Duis ornare sem nec mi euismod posuere. Etiam sodales orci eget sapien sodales adipiscing.

Nam vel massa eleifend, pellentesque turpis a, ullamcorper erat. Etiam venenatis massa a turpis vulputate pharetra. Nam in est in tortor pretium posuere. Pellentesque posuere neque sed dignissim gravida. Sed a sapien et urna sagittis lacinia eget id nisi. Etiam venenatis massa a turpis vulputate pharetra.

Triangle Big Centered

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris facilisis felis eu nunc auctor, ac porttitor ante pellentesque. Fusce egestas sem ac vulputate consectetur.

Donec quis nunc vitae nibh sagittis lacinia. Morbi non leo dictum metus lobortis hendrerit sit amet in nunc. Nunc molestie dui eget accumsan mattis. Morbi ut massa a orci imperdiet euismod vel nec urna. Etiam sit amet arcu egestas, viverra dui sit amet, sodales urna. Etiam fermentum erat quis adipiscing ornare. Nam pretium metus nec lacus auctor, in lacinia lorem ullamcorper. Duis accumsan risus quis metus dapibus bibendum. Nunc non turpis eu eros tincidunt vestibulum in id purus. Ut in nulla tincidunt nulla malesuada tempor ac non risus. Nulla a metus quis ipsum tincidunt blandit vitae sit amet turpis.

Circle

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam eleifend nibh eget arcu ornare dapibus dignissim fringilla nibh. Quisque tempus leo quis tempus hendrerit. Cras bibendum erat rhoncus felis ultrices posuere.

Suspendisse non justo nec est aliquet semper. Proin accumsan diam tempus enim placerat, vel eleifend lectus dignissim. Nullam vel lectus tincidunt, iaculis mi eget, rhoncus velit. Vestibulum ut lacus vitae urna faucibus sollicitudin. Phasellus sollicitudin sapien facilisis augue dapibus varius. Curabitur ornare lacus adipiscing nisl porta, quis faucibus felis vestibulum. Quisque consectetur lorem sit amet nisi porttitor, sed bibendum nunc sodales. Vivamus sed mi sit amet mauris semper ullamcorper. Donec at massa id leo imperdiet tincidunt id at ipsum. In feugiat lacus et velit ultrices volutpat. Morbi vitae sem eu lacus laoreet scelerisque ac a dui.

Diamond

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam quis nulla pulvinar, auctor mauris ultricies, interdum felis. Mauris porta nulla et tortor convallis, id posuere est rutrum. Proin ut lacus ac mi sollicitudin interdum. Nunc eu mauris ac felis sodales lacinia. Curabitur eu nisl in tortor lacinia suscipit eu quis nulla. Integer id velit scelerisque lectus eleifend mattis. In quis velit scelerisque, tincidunt tellus vitae, scelerisque nibh. Donec quis nunc vitae nibh sagittis lacinia. Ut egestas ligula malesuada, fermentum dui a, ultrices enim. Cras fringilla enim sed ante laoreet, eu dapibus mauris iaculis. Sed malesuada libero eget viverra tristique.

Pellentesque quis lacus laoreet, eleifend nisl sed, facilisis mauris. Nulla dictum purus in vehicula volutpat. In vitae ligula interdum, auctor quam vitae, eleifend quam. Nullam feugiat felis et massa accumsan, ut dictum nisl rhoncus. Etiam sodales orci eget sapien sodales adipiscing. Praesent mattis nibh eu enim laoreet adipiscing. Donec feugiat libero eget est eleifend, ut fermentum libero viverra. Integer id velit scelerisque lectus eleifend mattis. Quisque id massa imperdiet ante fringilla volutpat nec porta sem.