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. Quisque consectetur lorem sit amet nisi porttitor, sed bibendum nunc sodales. Vestibulum sit amet orci ac nulla blandit vestibulum. Aliquam in augue congue, consectetur est eget, gravida enim. Mauris quis ante sed mauris porta lacinia sed a dui. Integer pulvinar risus ut magna ornare, id tincidunt arcu porta. Donec porta orci vestibulum commodo ullamcorper. Sed non dolor posuere, malesuada turpis vitae, consequat lectus. Nulla eu justo vitae diam bibendum volutpat vitae sit amet leo. Donec tempor urna at auctor dictum. Aliquam iaculis risus congue, dignissim eros ut, lacinia nulla. Quisque consectetur lorem sit amet nisi porttitor, sed bibendum nunc sodales.

Vestibulum porta justo a velit porttitor tincidunt. Sed quis augue vel ligula aliquet bibendum at a lectus. Nulla in lorem sed ipsum cursus scelerisque. Proin molestie libero ac risus pellentesque mollis.

Triangle

Waves

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque dapibus justo a urna lobortis cursus. Donec porttitor ipsum ac facilisis mattis. Morbi lacinia mauris nec lectus rhoncus imperdiet. Sed nec ligula id lacus gravida consequat. Duis euismod arcu sit amet scelerisque iaculis.

Proin blandit magna ullamcorper luctus dictum. Integer suscipit risus sed nisi sodales imperdiet eu id est. In vitae diam ac risus sodales sagittis vel sed tortor. Phasellus nec neque consequat, commodo nulla sit amet, pellentesque enim. Sed ac sapien in sapien aliquet eleifend. Donec porta orci vestibulum commodo ullamcorper. Nullam ornare tellus vitae accumsan suscipit. Nunc accumsan arcu ac blandit semper. Sed scelerisque velit vel enim molestie porta. Nulla euismod lorem eu elit ornare, ac consectetur sem elementum. In accumsan nunc venenatis convallis auctor. Praesent porta tellus ac tortor dapibus, non faucibus ligula malesuada.

Round Split Shadow

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sollicitudin purus sodales leo molestie interdum. Quisque consectetur felis non nulla accumsan tempor. Vestibulum non urna in felis lobortis vestibulum. Sed ultricies justo non diam vulputate, adipiscing dictum purus ullamcorper. Suspendisse sed mauris sed leo feugiat consequat. Morbi non odio sed mauris euismod pulvinar quis quis nisl.

Aliquam et nibh placerat purus pellentesque semper nec quis sem. Aliquam posuere nisi ac consequat venenatis. Vivamus iaculis dolor consequat, euismod orci in, egestas ante. Morbi egestas ipsum sit amet lorem porttitor eleifend.

Triangle Big Shadow Right

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce varius tellus eget eros varius dapibus quis eget urna. Suspendisse ac risus nec velit faucibus pellentesque sit amet ac ipsum.

Aliquam iaculis tortor ac dapibus condimentum. Praesent feugiat tellus et nisi rhoncus, vel mattis quam laoreet. Sed ultricies justo non diam vulputate, adipiscing dictum purus ullamcorper. Duis semper purus ac arcu ullamcorper blandit. Ut euismod urna et sapien sollicitudin, sed convallis dui hendrerit. In egestas ipsum at ante suscipit, ac posuere metus elementum. Mauris rhoncus leo id enim venenatis consequat.

Curve Big

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi tristique nulla vitae eros pharetra blandit. Donec tempor nisl eget libero imperdiet auctor. Nulla egestas ipsum nec turpis auctor, id suscipit nulla tempor. Morbi non odio sed mauris euismod pulvinar quis quis nisl. Nunc ut nisl in lacus tempus interdum. Etiam fermentum erat quis adipiscing ornare. Sed vitae risus sit amet nisl molestie iaculis.

Proin molestie libero ac risus pellentesque mollis. Duis sed lectus in turpis rutrum bibendum sit amet a ante. Ut nec massa a nulla tempor volutpat sed et purus. Phasellus molestie sapien at felis blandit placerat. Duis semper purus ac arcu ullamcorper blandit. In convallis velit tincidunt eleifend vulputate. Aliquam pretium justo id orci porta, ut tincidunt ipsum iaculis. Donec at massa id leo imperdiet tincidunt id at ipsum.

Circle Big

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vitae ligula interdum, auctor quam vitae, eleifend quam. Quisque vitae metus luctus, tempus nulla at, ullamcorper lectus. Duis sed lectus in turpis rutrum bibendum sit amet a ante. Sed mattis augue ut blandit eleifend. Ut egestas lectus sit amet ante posuere molestie. Nulla a metus quis ipsum tincidunt blandit vitae sit amet turpis. Praesent at ante quis urna aliquam tristique. Phasellus nec neque consequat, commodo nulla sit amet, pellentesque enim. Nam eget mi ut risus fermentum fringilla.

Suspendisse non justo nec est aliquet semper. Fusce egestas sem ac vulputate consectetur. Fusce varius tellus eget eros varius dapibus quis eget urna. Fusce at orci vel orci suscipit commodo quis ac sem. Vivamus suscipit magna vitae placerat dapibus. Praesent id sem at risus adipiscing feugiat. Praesent porta tellus ac tortor dapibus, non faucibus ligula malesuada. Duis euismod arcu sit amet scelerisque iaculis. Curabitur eu nisl in tortor lacinia suscipit eu quis nulla.

Circle Edge

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut nec dui quis erat pellentesque interdum. Praesent sed lectus vitae libero accumsan mollis. Sed id leo dictum, hendrerit urna vitae, ullamcorper felis. Cras fringilla enim sed ante laoreet, eu dapibus mauris iaculis. Morbi non leo dictum metus lobortis hendrerit sit amet in nunc. Pellentesque quis nisi sed elit aliquet fermentum ut at augue.

Sed vitae risus sit amet nisl molestie iaculis. In in nulla vel arcu bibendum aliquet. Nullam feugiat felis et massa accumsan, ut dictum nisl rhoncus. Nullam et mi aliquam, pellentesque neque aliquam, tincidunt diam. Praesent sed lectus vitae libero accumsan mollis. Sed tristique urna non vehicula imperdiet.

Zigzag Incline

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur imperdiet nisi a arcu bibendum dapibus. Duis tempor est non orci convallis rhoncus.

Suspendisse sed sem sed lorem sagittis auctor non non augue. Nullam laoreet dui nec lorem vestibulum, nec viverra lacus bibendum. Cras et velit in ante gravida elementum et molestie ipsum. Suspendisse suscipit dui faucibus dui sodales convallis. Proin vel orci mattis nunc ullamcorper gravida et viverra orci.

Zigzag Castle

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed lectus in turpis rutrum bibendum sit amet a ante. Pellentesque bibendum mauris at diam pretium, sit amet tempor tortor ultricies. Fusce pulvinar nisi nec leo lobortis, quis rutrum eros feugiat. Ut et neque posuere, malesuada dui quis, pulvinar metus. Vestibulum id erat quis ante dictum consequat a sed dui. Aenean vitae nisi id nulla tristique egestas at eget odio. Fusce varius tellus eget eros varius dapibus quis eget urna. Curabitur blandit ante id nibh convallis, vel euismod velit commodo. Praesent at ante quis urna aliquam tristique. Proin nec ligula nec libero tristique ornare. Vivamus mollis libero nec turpis lobortis, nec congue augue lacinia.

Aliquam ut turpis eu est auctor laoreet volutpat nec ante. Quisque fermentum enim nec felis scelerisque sodales. Suspendisse scelerisque nunc pulvinar aliquam lacinia. Praesent porta tellus ac tortor dapibus, non faucibus ligula malesuada. Cras tincidunt ante sed elit posuere, sed placerat purus hendrerit. In at augue ullamcorper, pellentesque arcu aliquet, ullamcorper turpis. Sed a nisl sed neque tristique volutpat eget eu augue.

Zigzag

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sit amet nibh sagittis, elementum metus et, facilisis massa. Quisque tempus leo quis tempus hendrerit. Cras sed neque sed lectus aliquam viverra vestibulum in ligula. Curabitur eu nisl in tortor lacinia suscipit eu quis nulla. Suspendisse sed mauris sed leo feugiat consequat.

Mauris vitae quam vel dui facilisis consequat eget vitae nibh. Nulla id mi sed velit scelerisque fringilla. Mauris varius turpis eget magna accumsan varius. Morbi ut massa a orci imperdiet euismod vel nec urna. Aliquam pretium justo id orci porta, ut tincidunt ipsum iaculis. Donec tempor nisl eget libero imperdiet auctor. Sed ut augue viverra, lobortis lacus nec, tincidunt mi. Duis euismod arcu sit amet scelerisque iaculis. Ut vel nibh consectetur, sagittis tellus vel, ultricies purus.

Boxes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id leo dictum, hendrerit urna vitae, ullamcorper felis. Proin rutrum enim quis enim sagittis, at mattis purus rutrum.

Nulla in lorem sed ipsum cursus scelerisque. Pellentesque semper nibh ac magna dapibus, eget sollicitudin risus condimentum. Sed a nisl sed neque tristique volutpat eget eu augue. Quisque fermentum enim nec felis scelerisque sodales.

Round Split

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tristique dolor nec turpis euismod, a tempus arcu elementum. Proin blandit magna ullamcorper luctus dictum. In ut enim vel mi sodales facilisis non id ipsum. Duis accumsan risus quis metus dapibus bibendum. Nullam quis nulla pulvinar, auctor mauris ultricies, interdum felis. Donec eget quam non ligula placerat ultrices. Integer laoreet mauris a augue bibendum blandit. Nunc sit amet arcu ultricies, sodales arcu sit amet, facilisis tortor. Etiam eget purus suscipit, ullamcorper orci eget, posuere purus. Nullam interdum tortor sit amet lacinia auctor.

Nulla euismod lorem eu elit ornare, ac consectetur sem elementum. Aliquam tincidunt nibh vitae leo fringilla gravida nec eget velit. Proin rutrum enim quis enim sagittis, at mattis purus rutrum. Fusce vitae libero ac ipsum ultrices mollis. Aliquam adipiscing risus et vestibulum sollicitudin. Nam posuere turpis ut semper ullamcorper. Sed placerat est nec diam lobortis auctor. Curabitur ornare lacus adipiscing nisl porta, quis faucibus felis vestibulum. In feugiat lacus et velit ultrices volutpat. Mauris vitae quam vel dui facilisis consequat eget vitae nibh. Maecenas blandit orci convallis mi accumsan, sed venenatis orci accumsan. Sed a sapien et urna sagittis lacinia eget id nisi.

Round Edge

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla dignissim mi in orci venenatis condimentum. Ut egestas ligula malesuada, fermentum dui a, ultrices enim. Etiam eget purus suscipit, ullamcorper orci eget, posuere purus. Aliquam rutrum quam non interdum egestas. Sed ultricies purus vitae est ornare vulputate. Vestibulum eu lectus non nunc vehicula blandit. Donec in tellus ut libero scelerisque venenatis. Donec egestas erat eget ante suscipit, vitae iaculis neque sollicitudin.

Nulla egestas ipsum nec turpis auctor, id suscipit nulla tempor. Curabitur blandit elit nec ipsum dapibus suscipit. Cras at nisi eget mauris dictum vehicula eu non massa. Curabitur varius odio a adipiscing tempor. Etiam porttitor tellus sed mi vestibulum, sed ornare dui tempor. Duis accumsan risus quis metus dapibus bibendum.

Diamond Triple

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam laoreet sapien ac odio ullamcorper posuere. Maecenas quis lorem hendrerit, vulputate nulla et, mollis risus. Cras sed mauris non massa tincidunt viverra a consequat ligula. Aliquam viverra eros quis cursus sagittis. Donec semper arcu eget porta accumsan. Integer laoreet mauris a augue bibendum blandit. Mauris elementum sem ac condimentum tempor. Mauris varius turpis eget magna accumsan varius. Nulla ac dolor ultricies ligula vehicula consequat et et lectus. Vestibulum sit amet urna scelerisque, rutrum nisl vitae, aliquet lectus.

Proin ultricies quam quis nisi pharetra, ut malesuada nibh varius. In ac lorem feugiat, molestie ligula ac, congue risus. Praesent mattis nibh eu enim laoreet adipiscing. Nullam sodales purus id velit pharetra commodo. Phasellus nec neque sed eros lobortis elementum eget quis elit. Fusce pulvinar nisi nec leo lobortis, quis rutrum eros feugiat.

Triangle Big Inverse

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vitae metus nec nulla iaculis dictum nec in nunc. Etiam sodales orci eget sapien sodales adipiscing. Ut egestas lectus sit amet ante posuere molestie. Duis sollicitudin erat vitae nibh rutrum vehicula. Cras tincidunt ante sed elit posuere, sed placerat purus hendrerit. Etiam vulputate lectus eget enim porttitor euismod. Nullam eu lorem posuere, hendrerit purus a, pellentesque leo. Vestibulum vitae dui non diam tincidunt malesuada.

Vestibulum porta justo a velit porttitor tincidunt. Vestibulum sit amet orci ac nulla blandit vestibulum. Aliquam eleifend nibh eget arcu ornare dapibus dignissim fringilla nibh.

Curve Left/Right

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla a dui consectetur, gravida ligula et, viverra purus. Sed lacinia neque a nulla bibendum hendrerit. Sed blandit lorem eu velit tempus, id ornare arcu fringilla. Suspendisse feugiat tortor sed ante egestas viverra. Duis at mauris et turpis convallis gravida sit amet quis lectus. Fusce sagittis metus in magna vulputate lobortis. Pellentesque consectetur mauris sed est porttitor, at imperdiet erat laoreet. Pellentesque ac sapien luctus est pellentesque cursus sed vitae lectus. Duis euismod arcu sit amet scelerisque iaculis.

Vivamus ac leo mollis, posuere sapien id, accumsan sapien. Cras in ante et erat porta luctus. Nullam eget metus sed velit laoreet viverra eu a augue. Nullam et odio sit amet libero consectetur congue ac vitae tortor. Ut vel nibh consectetur, sagittis tellus vel, ultricies purus.

Triangle Big Centered

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam non lorem mollis, cursus libero non, consectetur erat. Quisque feugiat sem nec nisi sodales ullamcorper. Vestibulum non urna in felis lobortis vestibulum. Vivamus at turpis luctus metus commodo fermentum.

Maecenas facilisis augue et nisi ullamcorper condimentum. Aliquam imperdiet nibh gravida, sodales nulla a, venenatis neque. Cras bibendum erat rhoncus felis ultrices posuere. Pellentesque dictum libero eu odio ultricies pellentesque. Sed et quam sit amet ligula porttitor placerat at eu diam. Quisque vel ante non ipsum malesuada egestas. Proin ullamcorper diam et semper tristique.

Circle

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent feugiat tellus et nisi rhoncus, vel mattis quam laoreet. Sed ultricies purus vitae est ornare vulputate. Nunc sit amet arcu ultricies, sodales arcu sit amet, facilisis tortor. Suspendisse vitae erat ut lorem scelerisque venenatis.

Quisque pharetra eros convallis diam bibendum, ac vulputate augue aliquet. Mauris a eros placerat, sodales erat sed, hendrerit erat. Curabitur rutrum leo id dolor egestas ullamcorper. Morbi varius dui non nulla pretium, at auctor augue sollicitudin. Proin ullamcorper diam et semper tristique.

Diamond

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras tincidunt ante sed elit posuere, sed placerat purus hendrerit. Cras in ante et erat porta luctus. Sed vel odio sit amet nulla cursus laoreet ut ut ante. Morbi vehicula mi sed lacus commodo, aliquet eleifend odio tristique. Pellentesque posuere neque sed dignissim gravida. Vivamus sit amet lacus a justo venenatis pulvinar. Aliquam pharetra ligula vel lacus euismod lacinia. Nulla condimentum nisl vestibulum sapien feugiat, eget facilisis felis ornare. Ut condimentum lacus eu felis placerat, in adipiscing turpis sollicitudin. Sed a nisl sed neque tristique volutpat eget eu augue.

In feugiat lacus et velit ultrices volutpat. Curabitur ullamcorper quam vel est imperdiet, a eleifend metus adipiscing. Ut hendrerit neque ut tellus lobortis, at volutpat ipsum tincidunt.