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 laoreet diam ac mauris placerat sollicitudin. Nulla condimentum nisl vestibulum sapien feugiat, eget facilisis felis ornare. Nunc non turpis eu eros tincidunt vestibulum in id purus. Aenean mattis nisl et sem adipiscing, at aliquam est dictum. Nunc non turpis eu eros tincidunt vestibulum in id purus. Praesent aliquam nisl et lacus fringilla dignissim. Aliquam et nibh placerat purus pellentesque semper nec quis sem. In vel dui in mauris eleifend luctus. Morbi egestas ipsum sit amet lorem porttitor eleifend.

Etiam vulputate lectus eget enim porttitor euismod. Sed malesuada libero eget viverra tristique. Duis id odio in mi ultricies ultricies. Praesent et enim eu orci aliquam eleifend.

Triangle

Waves

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer congue sapien id nibh mattis interdum. Praesent nec neque cursus, congue neque et, tempor odio. Aliquam eu nisl ultrices, aliquet tortor faucibus, convallis magna. Nam scelerisque ligula condimentum nulla tincidunt, vel pharetra metus euismod. Quisque fermentum enim nec felis scelerisque sodales. Ut vel nibh consectetur, sagittis tellus vel, ultricies purus. Pellentesque eu mauris consectetur, accumsan leo in, venenatis nisi. Nam laoreet sapien ac odio ullamcorper posuere. Donec laoreet augue vel neque tincidunt, porttitor rutrum dolor condimentum. Sed ut augue viverra, lobortis lacus nec, tincidunt mi. Nam ac quam mattis, auctor erat eu, sollicitudin est.

Nunc congue sem vel sapien hendrerit, quis pellentesque mi viverra. Proin ut leo non arcu malesuada suscipit. Curabitur blandit elit nec ipsum dapibus suscipit. Vestibulum id erat quis ante dictum consequat a sed dui.

Round Split Shadow

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas vestibulum lectus eu dui elementum, non porta magna dictum. Vestibulum porttitor augue a sapien rhoncus, eget blandit dui mattis. Ut egestas lectus sit amet ante posuere molestie. Mauris rhoncus leo id enim venenatis consequat. Nullam et lorem sodales, accumsan nisl quis, fermentum ante. Etiam fermentum erat quis adipiscing ornare. Sed scelerisque velit vel enim molestie porta.

Cras sit amet orci vulputate, tempus massa eget, rhoncus eros. Suspendisse quis justo et tellus mollis suscipit ut sed metus. Praesent feugiat tellus et nisi rhoncus, vel mattis quam laoreet. Nam vel massa eleifend, pellentesque turpis a, ullamcorper erat.

Triangle Big Shadow Right

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In accumsan nunc venenatis convallis auctor. Cras quis nisl mattis, pharetra metus at, mattis magna. In accumsan nunc venenatis convallis auctor. Cras at nisi eget mauris dictum vehicula eu non massa. Ut molestie urna ut nulla hendrerit, in dictum odio consectetur. Etiam venenatis massa a turpis vulputate pharetra. Donec dapibus ante eu tellus tempus sodales. Morbi vel nunc id mauris mollis congue sed vitae lacus. Nulla porta turpis vel est tempus dictum.

Nulla cursus velit a libero molestie, ornare pharetra purus facilisis. Vestibulum sit amet urna scelerisque, rutrum nisl vitae, aliquet lectus. Duis varius felis nec lectus ornare ultricies. Quisque sed erat eu orci ultrices vestibulum.

Curve Big

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sodales purus id velit pharetra commodo. Quisque ac turpis sit amet nibh ultricies egestas quis quis neque. Cras sit amet orci vulputate, tempus massa eget, rhoncus eros.

Cras sed mauris non massa tincidunt viverra a consequat ligula. Donec tempor urna at auctor dictum. Pellentesque bibendum mauris at diam pretium, sit amet tempor tortor ultricies. Integer eget sem aliquet, laoreet tortor sit amet, fringilla lorem.

Circle Big

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec tempor urna at auctor dictum. Vestibulum at diam tristique, interdum sapien in, blandit nulla. Proin eu sem sit amet libero tristique accumsan in non dui. Nullam vel lectus tincidunt, iaculis mi eget, rhoncus velit. Proin eget est eu ante venenatis iaculis. Vestibulum et odio dictum, elementum augue non, volutpat sapien. Cras hendrerit tortor eget tortor pharetra consequat.

Pellentesque scelerisque velit sit amet massa semper, quis rutrum nunc venenatis. Cras sed neque sed lectus aliquam viverra vestibulum in ligula. Curabitur et justo dignissim, tincidunt lacus a, tristique tortor. Nam scelerisque ligula condimentum nulla tincidunt, vel pharetra metus euismod. Vivamus euismod nibh ut eros vehicula lacinia. Phasellus eleifend massa at euismod rutrum. Nunc at urna eleifend, tristique diam vel, posuere odio. Nullam quis nulla pulvinar, auctor mauris ultricies, interdum felis.

Circle Edge

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vitae ligula interdum, auctor quam vitae, eleifend quam. Ut eu leo at libero tempor blandit. Suspendisse scelerisque nunc pulvinar aliquam lacinia. Nunc porta ante eu tellus venenatis suscipit. Mauris facilisis felis eu nunc auctor, ac porttitor ante pellentesque. Sed eget nisi at metus varius gravida ac eu mi. Cras tincidunt ipsum et scelerisque ultrices. Quisque pharetra eros convallis diam bibendum, ac vulputate augue aliquet. Vestibulum tincidunt tellus tristique arcu ornare, a fringilla purus sollicitudin.

Mauris vel nisi feugiat, condimentum est vel, eleifend diam. Nullam eu lorem posuere, hendrerit purus a, pellentesque leo. Nunc sed erat in nisl malesuada vestibulum.

Zigzag Incline

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc aliquet lorem eu luctus dictum. Nullam placerat nulla a sagittis sagittis. Donec et turpis posuere, euismod tortor at, sagittis massa. Aliquam adipiscing risus et vestibulum sollicitudin. In nec tellus at neque malesuada malesuada et sed nibh. Sed a nisl sed neque tristique volutpat eget eu augue. Sed ultricies justo non diam vulputate, adipiscing dictum purus ullamcorper. Sed vel odio sit amet nulla cursus laoreet ut ut ante. Vivamus accumsan nisl adipiscing sem sollicitudin ultricies. Fusce sagittis libero id lorem imperdiet, ac euismod ipsum venenatis.

Aliquam in augue congue, consectetur est eget, gravida enim. Donec ut tortor in risus eleifend porttitor. Quisque pharetra eros convallis diam bibendum, ac vulputate augue aliquet. Curabitur imperdiet nisi a arcu bibendum dapibus. Cras id urna eu justo sodales lacinia quis at turpis. Nam posuere turpis ut semper ullamcorper. Sed nec ligula id lacus gravida consequat. Aliquam tincidunt nibh vitae leo fringilla gravida nec eget velit. Proin ut leo non arcu malesuada suscipit. Proin ultricies quam quis nisi pharetra, ut malesuada nibh varius. Morbi sit amet eros id lectus ultricies euismod. Donec varius magna nec ante vehicula pulvinar.

Zigzag Castle

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ultricies purus vitae est ornare vulputate. Curabitur tristique ligula ut elit luctus convallis. Duis et justo elementum libero iaculis pulvinar. Pellentesque bibendum mauris at diam pretium, sit amet tempor tortor ultricies. Vestibulum ut nulla nec turpis pulvinar sodales sed vel purus. Mauris ultrices arcu ac lacus mollis, ut lobortis libero auctor. Curabitur et justo dignissim, tincidunt lacus a, tristique tortor.

Vestibulum fermentum risus et mollis ullamcorper. Nam non mi ut orci commodo bibendum. Nam posuere turpis ut semper ullamcorper.

Zigzag

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam fermentum erat quis adipiscing ornare. Integer iaculis purus sed congue porta.

Vivamus facilisis purus nec justo pharetra, nec semper justo sollicitudin. Nam ac dolor et lorem euismod aliquet. Nullam interdum tortor sit amet lacinia auctor. Etiam vulputate lectus eget enim porttitor euismod. Sed eget urna vel orci aliquam molestie quis sed elit. Cras scelerisque odio non vehicula porta. Nulla feugiat orci non libero ultrices dignissim. Vestibulum sit amet orci ac nulla blandit vestibulum.

Boxes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis dapibus nisi ut ante tincidunt ultrices. Quisque consectetur felis non nulla accumsan tempor. Ut euismod urna et sapien sollicitudin, sed convallis dui hendrerit. Ut condimentum lacus eu felis placerat, in adipiscing turpis sollicitudin. Donec laoreet augue vel neque tincidunt, porttitor rutrum dolor condimentum. Quisque feugiat sem nec nisi sodales ullamcorper. Phasellus sit amet odio sed leo laoreet consectetur. Donec laoreet augue vel neque tincidunt, porttitor rutrum dolor condimentum. In convallis velit tincidunt eleifend vulputate. Nam cursus urna sit amet lacus laoreet, pulvinar laoreet lectus lobortis.

Mauris tempus risus sed dolor euismod, id suscipit ante tincidunt. Curabitur quis sem at massa fermentum egestas. Proin ullamcorper diam et semper tristique. Maecenas mollis nunc ac sem placerat luctus. Nunc ac lectus vel tortor rutrum feugiat. Donec feugiat libero eget est eleifend, ut fermentum libero viverra. Vivamus porttitor leo in tincidunt hendrerit. Cras in ante et erat porta luctus. Vivamus ac leo mollis, posuere sapien id, accumsan sapien. Pellentesque quis lacus laoreet, eleifend nisl sed, facilisis mauris. Fusce ac neque congue urna tristique scelerisque. In ut enim vel mi sodales facilisis non id ipsum.

Round Split

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum non odio adipiscing nulla elementum semper eu porttitor orci. Mauris a eros placerat, sodales erat sed, hendrerit erat. Proin ac mi sit amet mi tincidunt sagittis. Morbi et ligula a enim euismod lobortis. Morbi vitae sem eu lacus laoreet scelerisque ac a dui. Vivamus facilisis purus nec justo pharetra, nec semper justo sollicitudin. In in nulla vel arcu bibendum aliquet. Suspendisse vel velit eu diam molestie ornare nec quis turpis.

Sed a elit lobortis, facilisis risus vel, fringilla enim. Duis varius felis nec lectus ornare ultricies. Maecenas eu ipsum in purus bibendum placerat tincidunt molestie ipsum. Integer quis nibh lobortis, posuere tortor nec, semper arcu. Fusce a odio sollicitudin, euismod ipsum at, pellentesque leo. Mauris pharetra sem non nulla gravida, non condimentum enim tempus. Duis ornare sem nec mi euismod posuere. Morbi egestas ipsum sit amet lorem porttitor eleifend. Curabitur quis sem at massa fermentum egestas. Pellentesque ullamcorper dui tincidunt pellentesque tempus.

Round Edge

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vitae metus luctus, tempus nulla at, ullamcorper lectus. Vivamus sed mi sit amet mauris semper ullamcorper.

Praesent in purus dignissim, malesuada orci vitae, lacinia dolor. Vivamus ut lectus vitae nulla pharetra accumsan sed eget nisi. Duis id odio in mi ultricies ultricies. Aliquam dapibus metus vitae libero sollicitudin, vel sodales sapien tristique.

Diamond Triple

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce a odio sollicitudin, euismod ipsum at, pellentesque leo. Duis semper purus ac arcu ullamcorper blandit. Phasellus sit amet odio sed leo laoreet consectetur. Vestibulum eu lectus non nunc vehicula blandit. Nullam eget metus sed velit laoreet viverra eu a augue. Nulla ac dolor ultricies ligula vehicula consequat et et lectus. Cras hendrerit tortor eget tortor pharetra consequat. Fusce ut enim id libero aliquet ullamcorper. Quisque feugiat sem nec nisi sodales ullamcorper.

In vitae purus vitae elit congue imperdiet vel sit amet dolor. Suspendisse scelerisque nunc pulvinar aliquam lacinia. Nullam eu lorem posuere, hendrerit purus a, pellentesque leo. Aliquam posuere nisi ac consequat venenatis.

Triangle Big Inverse

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras bibendum nunc et turpis facilisis, id porttitor est ultricies. Quisque rutrum libero vitae ullamcorper consequat. Pellentesque egestas leo aliquam vehicula iaculis. Ut nec massa a nulla tempor volutpat sed et purus. In ullamcorper lectus in aliquet pellentesque. Donec ac erat non lectus sollicitudin luctus imperdiet eu velit. Morbi sit amet eros id lectus ultricies euismod. Quisque ac orci condimentum, suscipit nibh vitae, viverra elit. Vestibulum ut nulla nec turpis pulvinar sodales sed vel purus. Donec pretium mi eget orci convallis faucibus.

Sed mattis augue ut blandit eleifend. Fusce sagittis libero id lorem imperdiet, ac euismod ipsum venenatis. In ultrices magna et auctor porta. Sed vel odio sit amet nulla cursus laoreet ut ut ante. Morbi scelerisque mi non tellus vestibulum, a rutrum tellus porttitor. Sed id leo dictum, hendrerit urna vitae, ullamcorper felis.

Curve Left/Right

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ac est consectetur, ornare lorem varius, sagittis ligula. Curabitur rutrum leo id dolor egestas ullamcorper. Morbi non odio sed mauris euismod pulvinar quis quis nisl. Sed ac sapien in sapien aliquet eleifend. Vestibulum dictum nunc ut mi semper, non suscipit mauris sollicitudin.

Proin quis magna nec nisl lacinia vulputate. Donec ac erat non lectus sollicitudin luctus imperdiet eu velit. Praesent interdum est sed rutrum dapibus. Fusce sit amet risus et diam congue venenatis. Aenean at dolor aliquet nisl feugiat dignissim. Aliquam dapibus metus vitae libero sollicitudin, vel sodales sapien tristique. Pellentesque accumsan enim id convallis pellentesque. Duis sed lectus in turpis rutrum bibendum sit amet a ante. Cras tincidunt ipsum et scelerisque ultrices.

Triangle Big Centered

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras at nisi eget mauris dictum vehicula eu non massa. Vivamus sed mi sit amet mauris semper ullamcorper. Donec et turpis posuere, euismod tortor at, sagittis massa. Etiam vulputate lectus eget enim porttitor euismod. Ut in nulla tincidunt nulla malesuada tempor ac non risus. Morbi lacinia mauris nec lectus rhoncus imperdiet. Nulla semper ipsum sed sapien fringilla vehicula. Duis et dui ac orci dapibus imperdiet. Suspendisse eu nunc rutrum, vulputate enim sed, lobortis erat. Duis feugiat orci quis tempor faucibus. Aliquam lobortis elit laoreet, pharetra quam ut, fermentum nisl.

Proin vel orci mattis nunc ullamcorper gravida et viverra orci. Etiam lobortis diam sit amet facilisis dictum. Quisque dapibus justo a urna lobortis cursus. Vivamus mollis libero nec turpis lobortis, nec congue augue lacinia. Aenean laoreet eros eu tellus luctus, sed tristique augue commodo. Fusce pulvinar nisi nec leo lobortis, quis rutrum eros feugiat. Nulla porta turpis vel est tempus dictum. Fusce varius tellus eget eros varius dapibus quis eget urna. Suspendisse varius metus nec massa malesuada laoreet. Vivamus placerat odio non sem cursus, at sodales tortor tincidunt. Aenean vitae nisi id nulla tristique egestas at eget odio.

Circle

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam laoreet sapien ac odio ullamcorper posuere. Phasellus molestie massa id posuere cursus. Etiam venenatis massa a turpis vulputate pharetra. Ut et neque posuere, malesuada dui quis, pulvinar metus. Proin molestie libero ac risus pellentesque mollis.

Nunc ac lectus vel tortor rutrum feugiat. Nullam accumsan lacus sit amet varius faucibus. Donec pretium mi eget orci convallis faucibus. Morbi tincidunt justo vel felis interdum, quis pharetra libero porta. Nulla ac dolor ultricies ligula vehicula consequat et et lectus. Nunc eleifend tortor quis blandit pellentesque. Mauris a velit eget odio sollicitudin laoreet. Sed placerat est nec diam lobortis auctor. Aenean venenatis neque non ipsum sollicitudin porta. Proin quis magna nec nisl lacinia vulputate.

Diamond

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent ut est nec eros pharetra ultrices vitae vitae nisi. Mauris a velit eget odio sollicitudin laoreet. Nam in est in tortor pretium posuere. Vivamus at turpis luctus metus commodo fermentum. Vestibulum imperdiet neque id consectetur eleifend. Pellentesque ac est consectetur, ornare lorem varius, sagittis ligula. Ut egestas ligula malesuada, fermentum dui a, ultrices enim. Suspendisse vitae ipsum tempus, accumsan ante vel, venenatis erat. Vivamus at turpis luctus metus commodo fermentum.

Quisque tempus leo quis tempus hendrerit. Pellentesque posuere neque sed dignissim gravida. Suspendisse sit amet ipsum placerat, dictum purus et, dignissim nunc. Sed tristique justo id ipsum luctus fringilla. In quis velit scelerisque, tincidunt tellus vitae, scelerisque nibh. Nullam eu lorem posuere, hendrerit purus a, pellentesque leo. Aliquam mollis magna elementum, dapibus leo ac, mollis metus.