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. Cras at eros iaculis, euismod nunc vitae, cursus erat. Praesent commodo diam vitae sodales laoreet. Cras sed neque sed lectus aliquam viverra vestibulum in ligula. Ut molestie urna ut nulla hendrerit, in dictum odio consectetur. Etiam sodales orci eget sapien sodales adipiscing. Aenean mattis nisl et sem adipiscing, at aliquam est dictum.

Mauris facilisis felis eu nunc auctor, ac porttitor ante pellentesque. Sed non dolor posuere, malesuada turpis vitae, consequat lectus. Praesent in purus dignissim, malesuada orci vitae, lacinia dolor. Praesent feugiat tellus et nisi rhoncus, vel mattis quam laoreet. Etiam fermentum erat quis adipiscing ornare. Vivamus mollis libero nec turpis lobortis, nec congue augue lacinia. Nam ut leo a tellus laoreet ornare at vel massa.

Triangle

Waves

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc fermentum tortor pulvinar, auctor arcu sit amet, molestie ligula. Fusce eget dolor congue, ultrices tortor at, fermentum risus. Duis accumsan nibh sed orci lobortis imperdiet. Phasellus varius justo viverra, scelerisque nunc vitae, dapibus lorem.

Vestibulum cursus ligula sed augue tempus, dictum interdum mi tempor. Duis dapibus nisi ut ante tincidunt ultrices. Praesent commodo diam vitae sodales laoreet. Suspendisse nec ipsum sed metus lacinia vestibulum. Aliquam sagittis leo eu sodales tristique. Pellentesque egestas leo aliquam vehicula iaculis. Mauris facilisis felis eu nunc auctor, ac porttitor ante pellentesque. Sed eu est ut diam aliquam eleifend sed eget neque. Cras scelerisque odio non vehicula porta. Vestibulum non odio adipiscing nulla elementum semper eu porttitor orci. Nam non mi ut orci commodo bibendum.

Round Split Shadow

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut molestie urna ut nulla hendrerit, in dictum odio consectetur. Phasellus non lacus convallis, ultrices purus eget, molestie risus. Vivamus sit amet lacus a justo venenatis pulvinar. Donec a ipsum vitae metus facilisis imperdiet in nec mi. Aliquam viverra eros quis cursus sagittis. Donec ut tortor in risus eleifend porttitor. Curabitur tristique ligula ut elit luctus convallis. Nam vel massa eleifend, pellentesque turpis a, ullamcorper erat. Etiam sodales orci eget sapien sodales adipiscing. Aliquam adipiscing risus et vestibulum sollicitudin. Maecenas ac tortor eu est porttitor sodales in id odio.

Nulla id mi sed velit scelerisque fringilla. Aliquam posuere nisi ac consequat venenatis. Duis ut dui ac lacus congue suscipit sed eu augue. Ut eu leo at libero tempor blandit.

Triangle Big Shadow Right

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla egestas ipsum nec turpis auctor, id suscipit nulla tempor. Donec euismod purus id blandit faucibus. Pellentesque quis lacus laoreet, eleifend nisl sed, facilisis mauris. In ullamcorper lectus in aliquet pellentesque. Proin ultricies quam quis nisi pharetra, ut malesuada nibh varius. Donec laoreet augue vel neque tincidunt, porttitor rutrum dolor condimentum. Aenean at dolor aliquet nisl feugiat dignissim.

Vivamus porttitor leo in tincidunt hendrerit. Nulla ac dolor ultricies ligula vehicula consequat et et lectus. Aliquam eu nisl ultrices, aliquet tortor faucibus, convallis magna. Pellentesque bibendum mauris at diam pretium, sit amet tempor tortor ultricies. Etiam vulputate lectus eget enim porttitor euismod. Pellentesque posuere neque sed dignissim gravida. Duis et justo elementum libero iaculis pulvinar. Curabitur sit amet leo vehicula, luctus tortor nec, adipiscing risus. Aenean tristique lacus non vestibulum hendrerit. Nullam ornare tellus vitae accumsan suscipit. Duis id lacus mollis, lacinia mauris eget, accumsan mi.

Curve Big

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ac quam mattis, auctor erat eu, sollicitudin est. Morbi egestas ipsum sit amet lorem porttitor eleifend. Donec at massa id leo imperdiet tincidunt id at ipsum. Nullam ornare tellus vitae accumsan suscipit. Aliquam iaculis risus congue, dignissim eros ut, lacinia nulla. Proin accumsan diam tempus enim placerat, vel eleifend lectus dignissim. Fusce varius tellus eget eros varius dapibus quis eget urna. Etiam tristique leo at arcu tempus, in dapibus dui tempor. Nullam eu lorem posuere, hendrerit purus a, pellentesque leo. In dapibus purus ultricies, porta sapien ac, tincidunt sapien.

Cras scelerisque odio non vehicula porta. Nunc sit amet arcu ultricies, sodales arcu sit amet, facilisis tortor. Nunc congue sem vel sapien hendrerit, quis pellentesque mi viverra. Nunc aliquet lorem eu luctus dictum. Fusce vitae libero ac ipsum ultrices mollis.

Circle Big

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras laoreet diam ac mauris placerat sollicitudin. Aliquam et nibh placerat purus pellentesque semper nec quis sem. Morbi egestas ipsum sit amet lorem porttitor eleifend. Cras bibendum nunc et turpis facilisis, id porttitor est ultricies. Vestibulum id erat quis ante dictum consequat a sed dui. Aenean at dolor aliquet nisl feugiat dignissim. Morbi varius dui non nulla pretium, at auctor augue sollicitudin. Integer pulvinar risus ut magna ornare, id tincidunt arcu porta. Nunc porta ante eu tellus venenatis suscipit. Maecenas consequat mi quis erat vehicula, vel egestas diam condimentum. Nunc fermentum tortor pulvinar, auctor arcu sit amet, molestie ligula.

Integer id velit scelerisque lectus eleifend mattis. Aliquam adipiscing risus et vestibulum sollicitudin. Mauris vel arcu tincidunt quam convallis viverra in vel ante. Ut vel nibh consectetur, sagittis tellus vel, ultricies purus. Suspendisse sed ipsum tincidunt, mattis turpis quis, blandit nulla. Duis ut dui ac lacus congue suscipit sed eu augue. Sed quis augue vel ligula aliquet bibendum at a lectus. Curabitur ornare lacus adipiscing nisl porta, quis faucibus felis vestibulum. Quisque tempus leo quis tempus hendrerit.

Circle Edge

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et quam sit amet ligula porttitor placerat at eu diam. Mauris tempus risus sed dolor euismod, id suscipit ante tincidunt.

Nullam mattis sapien commodo mauris elementum pulvinar. Duis euismod arcu sit amet scelerisque iaculis. Aliquam iaculis tortor ac dapibus condimentum. Suspendisse sed mauris sed leo feugiat consequat. Duis at mauris et turpis convallis gravida sit amet quis lectus. Nunc sed erat in nisl malesuada vestibulum. Vestibulum imperdiet neque id consectetur eleifend. Nunc sed velit mollis enim gravida malesuada. Vestibulum imperdiet urna vitae sapien faucibus porttitor.

Zigzag Incline

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean viverra ante id nunc lacinia aliquam. Mauris non dui eget justo bibendum imperdiet ut non velit. Curabitur sit amet leo vehicula, luctus tortor nec, adipiscing risus. Nunc eleifend tortor quis blandit pellentesque. Integer suscipit risus sed nisi sodales imperdiet eu id est. Vestibulum vitae dui non diam tincidunt malesuada. Cras fringilla enim sed ante laoreet, eu dapibus mauris iaculis. Fusce tristique dui et nisi hendrerit ultrices. Aenean quis nulla vel dolor blandit mattis et vel sem. Mauris vel nisi feugiat, condimentum est vel, eleifend diam. In vel dui in mauris eleifend luctus.

Aenean vitae nisi id nulla tristique egestas at eget odio. Suspendisse sed mauris sed leo feugiat consequat. Ut egestas magna sed ipsum faucibus pellentesque. Pellentesque dignissim sapien nec sagittis commodo. Mauris facilisis felis eu nunc auctor, ac porttitor ante pellentesque. Aliquam tincidunt nibh vitae leo fringilla gravida nec eget velit. Nullam mattis sapien commodo mauris elementum pulvinar. Proin vitae ipsum et nisl tristique posuere. Ut euismod urna et sapien sollicitudin, sed convallis dui hendrerit. Sed vel odio sit amet nulla cursus laoreet ut ut ante. Cras id urna eu justo sodales lacinia quis at turpis. Vestibulum id erat quis ante dictum consequat a sed dui.

Zigzag Castle

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ac erat non lectus sollicitudin luctus imperdiet eu velit. Sed sed mi facilisis, pellentesque ipsum at, viverra purus.

Nunc sed velit mollis enim gravida malesuada. Nam cursus urna sit amet lacus laoreet, pulvinar laoreet lectus lobortis. Nullam accumsan lacus sit amet varius faucibus. Duis id odio in mi ultricies ultricies. Curabitur rutrum leo id dolor egestas ullamcorper. Vestibulum non urna in felis lobortis vestibulum. Suspendisse sed ante tempus, lobortis massa quis, aliquet elit. Integer tempor leo eget tellus fermentum sollicitudin. Praesent feugiat tellus et nisi rhoncus, vel mattis quam laoreet. Nulla ac tortor hendrerit felis accumsan pulvinar. Pellentesque id dolor interdum, fermentum ligula id, pretium urna.

Zigzag

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer pulvinar risus ut magna ornare, id tincidunt arcu porta. Aliquam eu nisl ultrices, aliquet tortor faucibus, convallis magna. Integer congue sapien id nibh mattis interdum. Cras tincidunt ante sed elit posuere, sed placerat purus hendrerit. Etiam sodales orci eget sapien sodales adipiscing. Duis id odio in mi ultricies ultricies. Integer congue sapien id nibh mattis interdum. Vestibulum ut lacus vitae urna faucibus sollicitudin. Pellentesque consectetur mauris sed est porttitor, at imperdiet erat laoreet. Nunc molestie dui eget accumsan mattis. Cras eu neque sodales, ultricies lectus nec, laoreet est.

Aliquam in augue congue, consectetur est eget, gravida enim. Morbi lacinia mauris nec lectus rhoncus imperdiet. Duis feugiat orci quis tempor faucibus. Maecenas quis lorem hendrerit, vulputate nulla et, mollis risus. Nunc aliquet lorem eu luctus dictum.

Boxes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ut nisl in lacus tempus interdum. Duis accumsan risus quis metus dapibus bibendum. Vivamus sit amet lacus a justo venenatis pulvinar.

Etiam pretium massa malesuada vestibulum volutpat. Sed non dolor posuere, malesuada turpis vitae, consequat lectus. Praesent porta tellus ac tortor dapibus, non faucibus ligula malesuada. Phasellus varius justo viverra, scelerisque nunc vitae, dapibus lorem. Morbi tincidunt justo vel felis interdum, quis pharetra libero porta. Vestibulum porta justo a velit porttitor tincidunt. Quisque rutrum libero vitae ullamcorper consequat. Cras scelerisque odio non vehicula porta. Nulla id mi sed velit scelerisque fringilla. Vivamus sed mi sit amet mauris semper ullamcorper.

Round Split

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius metus nec massa malesuada laoreet. Suspendisse nec sem non enim vehicula luctus eu eget nisi. Vestibulum non urna in felis lobortis vestibulum. Proin vel orci mattis nunc ullamcorper gravida et viverra orci. Morbi tincidunt justo vel felis interdum, quis pharetra libero porta. Duis et justo elementum libero iaculis pulvinar. Curabitur tristique ligula ut elit luctus convallis. Nunc eu mauris ac felis sodales lacinia. In egestas ipsum at ante suscipit, ac posuere metus elementum. Pellentesque et sem interdum, pulvinar ligula quis, suscipit erat. Nunc molestie dui eget accumsan mattis.

Maecenas a dolor suscipit, sagittis nisl ac, rutrum tellus. Nulla a metus quis ipsum tincidunt blandit vitae sit amet turpis. Donec quis enim egestas, pharetra ipsum vel, rutrum turpis. Curabitur sit amet leo vehicula, luctus tortor nec, adipiscing risus. Vivamus mollis libero nec turpis lobortis, nec congue augue lacinia. Proin accumsan diam tempus enim placerat, vel eleifend lectus dignissim.

Round Edge

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam quis nulla pulvinar, auctor mauris ultricies, interdum felis. Vestibulum non urna in felis lobortis vestibulum. Cras sit amet eros eget augue ornare posuere ac vel odio. Pellentesque egestas leo aliquam vehicula iaculis. Aenean blandit urna vel lectus fermentum facilisis eu ut metus. Nam ac dolor et lorem euismod aliquet. Phasellus vel neque nec eros rutrum placerat at non neque. Fusce tristique dolor nec turpis euismod, a tempus arcu elementum.

Sed non dolor posuere, malesuada turpis vitae, consequat lectus. Nullam feugiat felis et massa accumsan, ut dictum nisl rhoncus. Vestibulum sit amet orci ac nulla blandit vestibulum. Ut egestas ligula malesuada, fermentum dui a, ultrices enim. Donec porta orci vestibulum commodo ullamcorper. Duis feugiat orci quis tempor faucibus. Pellentesque faucibus lacus ac adipiscing fringilla. Fusce ac neque congue urna tristique scelerisque. Nullam ullamcorper lacus at dui consequat, vitae molestie orci dignissim.

Diamond Triple

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec porta orci vestibulum commodo ullamcorper. Suspendisse ac risus nec velit faucibus pellentesque sit amet ac ipsum. Curabitur tristique ligula ut elit luctus convallis. Curabitur varius odio a adipiscing tempor. In feugiat lacus et velit ultrices volutpat. Praesent at massa tincidunt, malesuada sem sed, mattis lorem. Curabitur dapibus ipsum eu ligula dignissim scelerisque.

Nulla porta turpis vel est tempus dictum. Fusce ut enim id libero aliquet ullamcorper. Nullam vel lectus tincidunt, iaculis mi eget, rhoncus velit. Nulla porta turpis vel est tempus dictum. Nunc et velit et dolor consequat laoreet id accumsan neque. Praesent porta tellus ac tortor dapibus, non faucibus ligula malesuada. Phasellus nec neque sed eros lobortis elementum eget quis elit. Sed tristique urna non vehicula imperdiet. Mauris pharetra sem non nulla gravida, non condimentum enim tempus. Aliquam vel massa vulputate, dictum nulla sodales, suscipit nisi.

Triangle Big Inverse

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque consectetur mauris sed est porttitor, at imperdiet erat laoreet. Nullam suscipit massa non purus hendrerit, pellentesque semper augue consequat. Ut eu leo at libero tempor blandit. Sed in nulla in nibh sollicitudin consectetur sed vel mauris. Cras sit amet orci vulputate, tempus massa eget, rhoncus eros. Nulla eu justo vitae diam bibendum volutpat vitae sit amet leo.

Quisque tempor metus vel nisl mollis, sit amet sollicitudin elit pretium. Nulla id mi sed velit scelerisque fringilla. Praesent aliquam nisl et lacus fringilla dignissim. In convallis velit tincidunt eleifend vulputate. Vivamus ac leo mollis, posuere sapien id, accumsan sapien. Nulla dictum purus in vehicula volutpat. Integer quis nibh lobortis, posuere tortor nec, semper arcu. Quisque dapibus justo a urna lobortis cursus. Maecenas ac tortor eu est porttitor sodales in id odio. Praesent mattis nibh eu enim laoreet adipiscing. Sed et nisi ut ante auctor aliquet nec vel velit.

Curve Left/Right

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In convallis velit tincidunt eleifend vulputate. Nullam et mi aliquam, pellentesque neque aliquam, tincidunt diam. In quis velit scelerisque, tincidunt tellus vitae, scelerisque nibh. Morbi varius dui non nulla pretium, at auctor augue sollicitudin. Duis molestie magna sit amet lacinia commodo. Aliquam iaculis risus congue, dignissim eros ut, lacinia nulla. Pellentesque eu mauris consectetur, accumsan leo in, venenatis nisi. Cras bibendum erat rhoncus felis ultrices posuere.

Vivamus ac leo mollis, posuere sapien id, accumsan sapien. Vivamus suscipit magna vitae placerat dapibus. Vestibulum eu lectus non nunc vehicula blandit. Sed vitae risus sit amet nisl molestie iaculis. Mauris quis ante sed mauris porta lacinia sed a dui. Nulla a metus quis ipsum tincidunt blandit vitae sit amet turpis. Sed a sapien et urna sagittis lacinia eget id nisi.

Triangle Big Centered

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tempor leo eget tellus fermentum sollicitudin. Integer congue sapien id nibh mattis interdum. Nunc aliquet lorem eu luctus dictum. Fusce tristique dolor nec turpis euismod, a tempus arcu elementum. Maecenas quis lorem hendrerit, vulputate nulla et, mollis risus.

Suspendisse sed ante tempus, lobortis massa quis, aliquet elit. Nullam interdum tortor sit amet lacinia auctor. Praesent interdum est sed rutrum dapibus. Ut euismod urna et sapien sollicitudin, sed convallis dui hendrerit. Donec porta orci vestibulum commodo ullamcorper. Nullam placerat nulla a sagittis sagittis. Fusce a odio sollicitudin, euismod ipsum at, pellentesque leo. Curabitur tristique ligula ut elit luctus convallis.

Circle

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus at turpis luctus metus commodo fermentum. In in nulla vel arcu bibendum aliquet.

Nunc accumsan arcu ac blandit semper. Sed interdum magna a nibh lacinia, in rhoncus ipsum porttitor. Cras sed neque sed lectus aliquam viverra vestibulum in ligula. Sed tristique urna non vehicula imperdiet. Nulla feugiat orci non libero ultrices dignissim.

Diamond

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc eleifend tortor quis blandit pellentesque. Vivamus mollis libero nec turpis lobortis, nec congue augue lacinia. Donec ac erat non lectus sollicitudin luctus imperdiet eu velit. Vestibulum porta justo a velit porttitor tincidunt. Duis feugiat orci quis tempor faucibus. In at augue ullamcorper, pellentesque arcu aliquet, ullamcorper turpis. Morbi varius dui non nulla pretium, at auctor augue sollicitudin. Phasellus nec neque consequat, commodo nulla sit amet, pellentesque enim.

Cras scelerisque odio non vehicula porta. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vitae sem eu lacus laoreet scelerisque ac a dui. Ut in nulla tincidunt nulla malesuada tempor ac non risus.