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. Pellentesque et sem interdum, pulvinar ligula quis, suscipit erat. Donec quis nunc vitae nibh sagittis lacinia. Nulla feugiat orci non libero ultrices dignissim. Vestibulum sit amet urna scelerisque, rutrum nisl vitae, aliquet lectus. Donec pretium mi eget orci convallis faucibus. Donec egestas erat eget ante suscipit, vitae iaculis neque sollicitudin. Sed a sapien et urna sagittis lacinia eget id nisi.

Proin accumsan diam tempus enim placerat, vel eleifend lectus dignissim. Maecenas a dolor suscipit, sagittis nisl ac, rutrum tellus. Integer feugiat neque in sem rutrum laoreet. Proin blandit augue sit amet nunc sollicitudin iaculis. Pellentesque scelerisque velit sit amet massa semper, quis rutrum nunc venenatis. Sed nec ligula id lacus gravida consequat. Aliquam pharetra ligula vel lacus euismod lacinia.

Triangle

Waves

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse quis justo et tellus mollis suscipit ut sed metus. Donec egestas erat eget ante suscipit, vitae iaculis neque sollicitudin. Donec tincidunt erat in vestibulum interdum. Nunc porta ante eu tellus venenatis suscipit. Ut vel nibh consectetur, sagittis tellus vel, ultricies purus. Proin non tortor venenatis nisl condimentum viverra sit amet eu ligula. Vestibulum vitae dui non diam tincidunt malesuada. Mauris porta nulla et tortor convallis, id posuere est rutrum. Pellentesque ullamcorper dui tincidunt pellentesque tempus. Praesent at ante quis urna aliquam tristique.

Quisque vitae metus luctus, tempus nulla at, ullamcorper lectus. Pellentesque faucibus lacus ac adipiscing fringilla. Proin viverra dui a quam sagittis, vitae condimentum dolor consectetur. Pellentesque consectetur mauris sed est porttitor, at imperdiet erat laoreet. Mauris sit amet tellus eget neque gravida volutpat.

Round Split Shadow

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas facilisis augue et nisi ullamcorper condimentum. Sed scelerisque velit vel enim molestie porta. Phasellus eleifend massa at euismod rutrum. Ut eu velit in nisl accumsan tempus. Donec dapibus ante eu tellus tempus sodales. In accumsan nunc venenatis convallis auctor. Nullam et lacus non enim cursus varius eget vitae ante. In feugiat lacus et velit ultrices volutpat. Sed non dolor posuere, malesuada turpis vitae, consequat lectus. Vestibulum non urna in felis lobortis vestibulum.

Vestibulum vitae dui non diam tincidunt malesuada. Donec porttitor ipsum ac facilisis mattis. Nulla euismod lorem eu elit ornare, ac consectetur sem elementum. Donec molestie urna ut velit facilisis fermentum. Proin blandit magna ullamcorper luctus dictum.

Triangle Big Shadow Right

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc accumsan arcu ac blandit semper. Vivamus iaculis dolor consequat, euismod orci in, egestas ante. In quis velit scelerisque, tincidunt tellus vitae, scelerisque nibh. Cras tincidunt ipsum et scelerisque ultrices. Donec ut tortor in risus eleifend porttitor.

Quisque consectetur lorem sit amet nisi porttitor, sed bibendum nunc sodales. In ut enim vel mi sodales facilisis non id ipsum. Integer suscipit risus sed nisi sodales imperdiet eu id est. Suspendisse ac risus nec velit faucibus pellentesque sit amet ac ipsum. Cras at nisi eget mauris dictum vehicula eu non massa. Maecenas mollis nunc ac sem placerat luctus. Aliquam et nibh placerat purus pellentesque semper nec quis sem. Vivamus sed mi sit amet mauris semper ullamcorper. Duis at mauris et turpis convallis gravida sit amet quis lectus. Aenean viverra ante id nunc lacinia aliquam.

Curve Big

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris a velit eget odio sollicitudin laoreet. Mauris facilisis felis eu nunc auctor, ac porttitor ante pellentesque. Sed malesuada libero eget viverra tristique. Pellentesque elementum erat sed justo rhoncus eleifend.

Nam eget mi ut risus fermentum fringilla. Cras hendrerit tortor eget tortor pharetra consequat. Curabitur blandit elit nec ipsum dapibus suscipit. Nam varius magna at sem ultricies hendrerit. Pellentesque quis lacus laoreet, eleifend nisl sed, facilisis mauris. Mauris pharetra sem non nulla gravida, non condimentum enim tempus. Nullam et mi aliquam, pellentesque neque aliquam, tincidunt diam. Curabitur sagittis justo id orci scelerisque, non sagittis nunc tincidunt. Sed non dolor posuere, malesuada turpis vitae, consequat lectus.

Circle Big

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer pulvinar risus ut magna ornare, id tincidunt arcu porta. Aenean viverra ante id nunc lacinia aliquam.

Mauris sit amet nibh sagittis, elementum metus et, facilisis massa. Integer eu ligula blandit metus facilisis viverra. Cras pulvinar nibh vitae tellus pharetra dapibus.

Circle Edge

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin blandit magna ullamcorper luctus dictum. Aenean laoreet eros eu tellus luctus, sed tristique augue commodo. Aliquam eu nisl ultrices, aliquet tortor faucibus, convallis magna. Vivamus at turpis luctus metus commodo fermentum. Quisque dapibus justo a urna lobortis cursus. Cras sit amet mi eu sem congue fringilla. Cras et velit in ante gravida elementum et molestie ipsum. Vestibulum id erat quis ante dictum consequat a sed dui.

Proin egestas tortor sit amet venenatis posuere. Morbi ut massa a orci imperdiet euismod vel nec urna. In quis velit scelerisque, tincidunt tellus vitae, scelerisque nibh. Nunc nec ligula sit amet nibh commodo sagittis et ac tellus. Aliquam viverra eros quis cursus sagittis. Fusce varius tellus eget eros varius dapibus quis eget urna. Duis accumsan nibh sed orci lobortis imperdiet. Suspendisse non justo nec est aliquet semper. Vestibulum consectetur ante vel mattis venenatis. Suspendisse sed sem sed lorem sagittis auctor non non augue.

Zigzag Incline

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis molestie magna sit amet lacinia commodo. Proin molestie libero ac risus pellentesque mollis. Cras pulvinar nibh vitae tellus pharetra dapibus. Etiam gravida elit a dui ornare, eu consequat tellus fringilla. Sed tristique urna non vehicula imperdiet.

Phasellus molestie massa id posuere cursus. Cras bibendum nunc et turpis facilisis, id porttitor est ultricies. Donec et turpis posuere, euismod tortor at, sagittis massa. Aliquam at orci ultrices, vehicula erat eget, ornare urna. Sed faucibus risus nec pharetra euismod.

Zigzag Castle

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin viverra dui a quam sagittis, vitae condimentum dolor consectetur. Phasellus vel neque nec eros rutrum placerat at non neque. Sed lacinia neque a nulla bibendum hendrerit. Pellentesque semper nibh ac magna dapibus, eget sollicitudin risus condimentum. Mauris vitae quam vel dui facilisis consequat eget vitae nibh. Quisque dapibus justo a urna lobortis cursus. Nunc non justo ultricies, tristique libero vitae, ornare odio. Fusce egestas sem ac vulputate consectetur. Sed sed mi facilisis, pellentesque ipsum at, viverra purus. Aenean blandit urna vel lectus fermentum facilisis eu ut metus.

Donec laoreet augue vel neque tincidunt, porttitor rutrum dolor condimentum. Vestibulum eu lectus non nunc vehicula blandit. Cras quis odio ac leo accumsan pharetra. Maecenas ultricies ante quis sodales accumsan. Cras scelerisque odio non vehicula porta. Aenean vehicula arcu in imperdiet posuere. Praesent ac mi quis dui tincidunt suscipit. Vestibulum cursus ligula sed augue tempus, dictum interdum mi tempor. Aliquam viverra eros quis cursus sagittis. Fusce tristique dolor nec turpis euismod, a tempus arcu elementum.

Zigzag

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras et velit in ante gravida elementum et molestie ipsum. Sed non dolor posuere, malesuada turpis vitae, consequat lectus. Pellentesque egestas leo aliquam vehicula iaculis. Sed quis augue vel ligula aliquet bibendum at a lectus. Vestibulum consectetur ante vel mattis venenatis.

Suspendisse nec sem non enim vehicula luctus eu eget nisi. Integer tempor leo eget tellus fermentum sollicitudin. Quisque rutrum libero vitae ullamcorper consequat. Aliquam eu nisl ultrices, aliquet tortor faucibus, convallis magna. In vitae purus vitae elit congue imperdiet vel sit amet dolor. Donec quis enim egestas, pharetra ipsum vel, rutrum turpis. Praesent in justo sit amet lectus venenatis auctor quis sed risus. Donec tempor nisl eget libero imperdiet auctor. Phasellus molestie massa id posuere cursus.

Boxes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam pretium massa malesuada vestibulum volutpat. Nam non mi ut orci commodo bibendum. Mauris tempus risus sed dolor euismod, id suscipit ante tincidunt. Duis sollicitudin erat vitae nibh rutrum vehicula. Nam eget mi ut risus fermentum fringilla. Nulla cursus velit a libero molestie, ornare pharetra purus facilisis. Mauris a eros placerat, sodales erat sed, hendrerit erat. Integer quis nibh lobortis, posuere tortor nec, semper arcu.

Cras tincidunt ante sed elit posuere, sed placerat purus hendrerit. Vestibulum faucibus sapien eu justo posuere, sit amet tempus magna pretium. Phasellus sit amet odio sed leo laoreet consectetur. Nunc ut nisl in lacus tempus interdum. Nulla ac tortor hendrerit felis accumsan pulvinar. Fusce tristique est non ligula iaculis, et accumsan neque euismod. Etiam et odio sit amet massa aliquam convallis. Quisque vel ante non ipsum malesuada egestas.

Round Split

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean venenatis neque non ipsum sollicitudin porta. Nam in est in tortor pretium posuere. Duis accumsan nibh sed orci lobortis imperdiet. Aliquam posuere nisi ac consequat venenatis. Curabitur imperdiet nisi a arcu bibendum dapibus. Sed lacinia neque a nulla bibendum hendrerit. Curabitur id risus vulputate, aliquet est id, tempus leo. Proin molestie libero ac risus pellentesque mollis. Fusce tristique dui et nisi hendrerit ultrices. Vestibulum ut lacus vitae urna faucibus sollicitudin. Proin molestie libero ac risus pellentesque mollis.

In ullamcorper lectus in aliquet pellentesque. Nulla ac tortor hendrerit felis accumsan pulvinar. Aenean vitae nisi id nulla tristique egestas at eget odio. Fusce varius tellus eget eros varius dapibus quis eget urna. Sed eget nisi at metus varius gravida ac eu mi. Nullam eu lorem posuere, hendrerit purus a, pellentesque leo. Curabitur varius odio a adipiscing tempor. Phasellus suscipit urna id mauris fringilla accumsan. Nam varius magna at sem ultricies hendrerit. Morbi vitae sem eu lacus laoreet scelerisque ac a dui. Nullam eu lorem posuere, hendrerit purus a, pellentesque leo.

Round Edge

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tristique justo id ipsum luctus fringilla. Nulla id mi sed velit scelerisque fringilla. Fusce sagittis metus in magna vulputate lobortis. Vestibulum imperdiet urna vitae sapien faucibus porttitor. Cras in ante et erat porta luctus. Quisque ac turpis sit amet nibh ultricies egestas quis quis neque. Integer iaculis purus sed congue porta. Ut eu velit in nisl accumsan tempus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Fusce tristique dolor nec turpis euismod, a tempus arcu elementum. Duis accumsan risus quis metus dapibus bibendum. Duis accumsan risus quis metus dapibus bibendum. Sed ultricies purus vitae est ornare vulputate. In vitae ligula interdum, auctor quam vitae, eleifend quam. Aenean interdum augue sit amet justo ultrices gravida. Mauris sit amet nibh sagittis, elementum metus et, facilisis massa.

Diamond Triple

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eget quam non ligula placerat ultrices. Quisque fermentum enim nec felis scelerisque sodales. Nulla a metus quis ipsum tincidunt blandit vitae sit amet turpis.

Pellentesque posuere neque sed dignissim gravida. Pellentesque egestas leo aliquam vehicula iaculis. Nullam eu lorem posuere, hendrerit purus a, pellentesque leo. Vivamus at turpis luctus metus commodo fermentum. Mauris varius turpis eget magna accumsan varius. Ut et neque posuere, malesuada dui quis, pulvinar metus.

Triangle Big Inverse

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer pulvinar risus ut magna ornare, id tincidunt arcu porta. Phasellus eleifend massa at euismod rutrum.

Vivamus at turpis luctus metus commodo fermentum. Nam in est in tortor pretium posuere. Vestibulum dictum nunc ut mi semper, non suscipit mauris sollicitudin. Quisque feugiat sem nec nisi sodales ullamcorper.

Curve Left/Right

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vel metus sit amet enim sollicitudin euismod eget nec justo. Ut eu leo at libero tempor blandit. Sed lacinia neque a nulla bibendum hendrerit. Praesent lacinia ante vitae elementum adipiscing.

Etiam sit amet arcu egestas, viverra dui sit amet, sodales urna. Praesent aliquam nisl et lacus fringilla dignissim. In vitae purus vitae elit congue imperdiet vel sit amet dolor. Etiam eu dolor eget arcu sodales posuere sit amet in dolor. Mauris vel arcu tincidunt quam convallis viverra in vel ante. Maecenas sollicitudin purus sodales leo molestie interdum. Donec eget quam non ligula placerat ultrices. Pellentesque id dolor interdum, fermentum ligula id, pretium urna. Proin quis magna nec nisl lacinia vulputate.

Triangle Big Centered

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc non turpis eu eros tincidunt vestibulum in id purus. Quisque tempus leo quis tempus hendrerit. Suspendisse sed sem sed lorem sagittis auctor non non augue. Pellentesque id dolor interdum, fermentum ligula id, pretium urna. In ullamcorper lectus in aliquet pellentesque. Curabitur sagittis justo id orci scelerisque, non sagittis nunc tincidunt. Mauris pharetra sem non nulla gravida, non condimentum enim tempus. Fusce a odio sollicitudin, euismod ipsum at, pellentesque leo. Cras id urna eu justo sodales lacinia quis at turpis. Fusce tristique dolor nec turpis euismod, a tempus arcu elementum. Proin accumsan diam tempus enim placerat, vel eleifend lectus dignissim.

Suspendisse sed ante tempus, lobortis massa quis, aliquet elit. Nulla cursus velit a libero molestie, ornare pharetra purus facilisis. Vestibulum sit amet urna scelerisque, rutrum nisl vitae, aliquet lectus. Phasellus molestie sapien at felis blandit placerat.

Circle

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras bibendum nunc et turpis facilisis, id porttitor est ultricies. Quisque consectetur felis non nulla accumsan tempor. Ut nec massa a nulla tempor volutpat sed et purus. Vivamus iaculis dolor consequat, euismod orci in, egestas ante. Cras in ante et erat porta luctus. Duis accumsan nibh sed orci lobortis imperdiet. Proin ultricies massa vitae nisl ultrices imperdiet. Proin ultricies quam quis nisi pharetra, ut malesuada nibh varius. Fusce at orci vel orci suscipit commodo quis ac sem. Donec ut tortor in risus eleifend porttitor. In in nulla vel arcu bibendum aliquet.

Pellentesque eu mauris consectetur, accumsan leo in, venenatis nisi. In accumsan nunc venenatis convallis auctor. Aliquam ut turpis eu est auctor laoreet volutpat nec ante. Nunc sit amet arcu ultricies, sodales arcu sit amet, facilisis tortor.

Diamond

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris porttitor sapien eget nibh imperdiet, sed ultrices enim porta. Cras dignissim arcu id molestie blandit.

Etiam commodo neque quis aliquam congue. Quisque ut dolor nec nulla ullamcorper vestibulum. Suspendisse eu nunc rutrum, vulputate enim sed, lobortis erat. Nam posuere turpis ut semper ullamcorper. Curabitur eu nisl in tortor lacinia suscipit eu quis nulla. Mauris pharetra sem non nulla gravida, non condimentum enim tempus. Fusce tristique dui et nisi hendrerit ultrices.