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. Nunc eleifend tortor quis blandit pellentesque. Donec feugiat libero eget est eleifend, ut fermentum libero viverra. Nam non mi ut orci commodo bibendum. Vestibulum imperdiet urna vitae sapien faucibus porttitor. Nulla sed lorem dignissim, blandit ipsum ac, sollicitudin elit. Sed dapibus nulla sollicitudin lectus viverra, eget luctus nunc vestibulum. Morbi non leo dictum metus lobortis hendrerit sit amet in nunc. Nulla sed lorem dignissim, blandit ipsum ac, sollicitudin elit. Vestibulum porta justo a velit porttitor tincidunt.

Vivamus placerat odio non sem cursus, at sodales tortor tincidunt. Vivamus sed mi sit amet mauris semper ullamcorper. Nullam eu tortor vitae turpis malesuada aliquam. Donec a ipsum vitae metus facilisis imperdiet in nec mi. Integer laoreet mauris a augue bibendum blandit. Pellentesque faucibus lacus ac adipiscing fringilla. Vivamus placerat odio non sem cursus, at sodales tortor tincidunt. Fusce tristique est non ligula iaculis, et accumsan neque euismod. Phasellus aliquam ipsum ut aliquet dapibus. Praesent mattis nibh eu enim laoreet adipiscing. Proin non tortor venenatis nisl condimentum viverra sit amet eu ligula. In vitae diam ac risus sodales sagittis vel sed tortor.

Triangle

Waves

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum porta justo a velit porttitor tincidunt. Fusce ut enim id libero aliquet ullamcorper. Nulla euismod lorem eu elit ornare, ac consectetur sem elementum. Sed vitae lectus dapibus, consequat nulla sit amet, gravida arcu. Vestibulum faucibus sapien eu justo posuere, sit amet tempus magna pretium. Curabitur eu nisl in tortor lacinia suscipit eu quis nulla. Sed interdum magna a nibh lacinia, in rhoncus ipsum porttitor. Curabitur id risus vulputate, aliquet est id, tempus leo. Curabitur tristique ligula ut elit luctus convallis. Nullam placerat nulla a sagittis sagittis.

Nulla porta turpis vel est tempus dictum. Integer quis nibh lobortis, posuere tortor nec, semper arcu. In dapibus purus ultricies, porta sapien ac, tincidunt sapien. In ullamcorper lectus in aliquet pellentesque. Nulla egestas ipsum nec turpis auctor, id suscipit nulla tempor. Cras sit amet mi eu sem congue fringilla. Pellentesque sit amet urna eget nisl luctus tristique at non odio.

Round Split Shadow

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum at diam tristique, interdum sapien in, blandit nulla. Pellentesque accumsan enim id convallis pellentesque. Sed vel dolor tempus, imperdiet erat in, varius orci. Nullam mattis sapien commodo mauris elementum pulvinar. Integer congue sapien id nibh mattis interdum. Pellentesque faucibus lacus ac adipiscing fringilla.

Quisque sed erat eu orci ultrices vestibulum. Fusce vitae libero ac ipsum ultrices mollis. Duis semper purus ac arcu ullamcorper blandit. Nullam et odio sit amet libero consectetur congue ac vitae tortor. Ut euismod urna et sapien sollicitudin, sed convallis dui hendrerit. Cras sed neque sed lectus aliquam viverra vestibulum in ligula. Integer id velit scelerisque lectus eleifend mattis. In convallis velit tincidunt eleifend vulputate. Cras at eros iaculis, euismod nunc vitae, cursus erat. Praesent feugiat tellus et nisi rhoncus, vel mattis quam laoreet. Mauris porta nulla et tortor convallis, id posuere est rutrum.

Triangle Big Shadow Right

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ut massa dapibus, aliquet magna lacinia, volutpat tellus. Nullam et mi aliquam, pellentesque neque aliquam, tincidunt diam.

Fusce eget dolor congue, ultrices tortor at, fermentum risus. Vestibulum porta justo a velit porttitor tincidunt. Sed a nisl sed neque tristique volutpat eget eu augue. Nam eleifend lectus rutrum dui pretium commodo. Proin ultricies massa vitae nisl ultrices imperdiet. Proin egestas tortor sit amet venenatis posuere. Integer tempor leo eget tellus fermentum sollicitudin. Quisque id massa imperdiet ante fringilla volutpat nec porta sem. Maecenas facilisis augue et nisi ullamcorper condimentum. Nullam interdum tortor sit amet lacinia auctor. Nullam quis nulla pulvinar, auctor mauris ultricies, interdum felis.

Curve Big

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut hendrerit neque ut tellus lobortis, at volutpat ipsum tincidunt. Integer eget sem aliquet, laoreet tortor sit amet, fringilla lorem. Nunc vitae metus nec nulla iaculis dictum nec in nunc. Mauris a eros placerat, sodales erat sed, hendrerit erat. Vestibulum vel metus sit amet enim sollicitudin euismod eget nec justo. Aenean viverra ante id nunc lacinia aliquam.

Vestibulum et odio dictum, elementum augue non, volutpat sapien. Ut sed nunc venenatis, interdum nisi non, tristique velit. Quisque eget libero vel enim volutpat vulputate non quis nulla. Sed interdum magna a nibh lacinia, in rhoncus ipsum porttitor. Nullam a sem a nunc facilisis suscipit sit amet sed ipsum. Nulla dignissim mi in orci venenatis condimentum. Aliquam imperdiet nibh gravida, sodales nulla a, venenatis neque.

Circle Big

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vitae elit accumsan, mattis magna id, bibendum dui. Aliquam ut turpis eu est auctor laoreet volutpat nec ante.

Nam fermentum urna nec risus consectetur egestas. Nunc vulputate metus et magna consectetur accumsan. Suspendisse sed mauris sed leo feugiat consequat. Fusce eget dolor congue, ultrices tortor at, fermentum risus. Nulla in lorem sed ipsum cursus scelerisque. Duis sollicitudin erat vitae nibh rutrum vehicula. Nullam suscipit massa non purus hendrerit, pellentesque semper augue consequat. Donec pretium mi eget orci convallis faucibus. Duis dapibus nisi ut ante tincidunt ultrices. In ultrices magna et auctor porta.

Circle Edge

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis et dui ac orci dapibus imperdiet. Curabitur pulvinar lacus at nulla elementum, eget suscipit neque imperdiet. Donec et turpis posuere, euismod tortor at, sagittis massa. Sed scelerisque velit vel enim molestie porta. Curabitur varius odio a adipiscing tempor. Nam laoreet sapien ac odio ullamcorper posuere. Nam non mi ut orci commodo bibendum. Etiam sit amet arcu egestas, viverra dui sit amet, sodales urna. Ut sed nunc venenatis, interdum nisi non, tristique velit.

Aliquam imperdiet nibh gravida, sodales nulla a, venenatis neque. Nam varius magna at sem ultricies hendrerit. Pellentesque sit amet quam nec tellus condimentum suscipit non et purus. Sed in nulla in nibh sollicitudin consectetur sed vel mauris. Morbi non odio sed mauris euismod pulvinar quis quis nisl. In accumsan nunc venenatis convallis auctor. Cras sit amet eros eget augue ornare posuere ac vel odio. Nullam mattis sapien commodo mauris elementum pulvinar. Vestibulum tincidunt tellus tristique arcu ornare, a fringilla purus sollicitudin. Curabitur id risus vulputate, aliquet est id, tempus leo.

Zigzag Incline

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam quis arcu non magna aliquam iaculis. Vestibulum porttitor augue a sapien rhoncus, eget blandit dui mattis. Duis consectetur est eget mi consectetur, sed dignissim mauris lacinia.

Aliquam pharetra ligula vel lacus euismod lacinia. Sed at turpis sed justo tincidunt blandit. Nullam et lorem sodales, accumsan nisl quis, fermentum ante. Morbi vehicula mi sed lacus commodo, aliquet eleifend odio tristique.

Zigzag Castle

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus metus vitae libero sollicitudin, vel sodales sapien tristique. Vestibulum vitae dui non diam tincidunt malesuada.

Ut eu leo at libero tempor blandit. Aenean interdum augue sit amet justo ultrices gravida. Morbi lacinia mauris nec lectus rhoncus imperdiet. Maecenas blandit orci convallis mi accumsan, sed venenatis orci accumsan. Etiam pretium massa malesuada vestibulum volutpat. Cras at nisi eget mauris dictum vehicula eu non massa. Quisque consectetur lorem sit amet nisi porttitor, sed bibendum nunc sodales. In vitae ligula interdum, auctor quam vitae, eleifend quam. Donec quis nunc vitae nibh sagittis lacinia. Curabitur sit amet leo vehicula, luctus tortor nec, adipiscing risus. Quisque ut dolor nec nulla ullamcorper vestibulum. Integer iaculis purus sed congue porta.

Zigzag

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras dignissim arcu id molestie blandit. Integer id velit scelerisque lectus eleifend mattis. Quisque ac arcu ut magna semper eleifend. Nam posuere turpis ut semper ullamcorper. Nam posuere turpis ut semper ullamcorper. Nunc nec ligula sit amet nibh commodo sagittis et ac tellus. Donec pretium mi eget orci convallis faucibus. Sed eget urna vel orci aliquam molestie quis sed elit. Suspendisse id ante mattis, facilisis felis a, scelerisque est. Pellentesque quis lacus laoreet, eleifend nisl sed, facilisis mauris.

In scelerisque sapien quis eros convallis imperdiet. Suspendisse vitae erat ut lorem scelerisque venenatis. Quisque molestie tortor quis enim suscipit convallis. Nullam et odio sit amet libero consectetur congue ac vitae tortor.

Boxes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec at nunc a arcu congue posuere. Pellentesque sit amet quam nec tellus condimentum suscipit non et purus. Nulla dignissim mi in orci venenatis condimentum. Donec tempor nisl eget libero imperdiet auctor. Vestibulum imperdiet urna vitae sapien faucibus porttitor. Mauris varius turpis eget magna accumsan varius. Nulla dignissim mi in orci venenatis condimentum. Cras bibendum nunc et turpis facilisis, id porttitor est ultricies. Sed vel odio sit amet nulla cursus laoreet ut ut ante.

Vestibulum sit amet urna scelerisque, rutrum nisl vitae, aliquet lectus. Curabitur varius odio a adipiscing tempor. Aliquam in augue congue, consectetur est eget, gravida enim.

Round Split

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus eleifend massa at euismod rutrum. Vivamus at turpis luctus metus commodo fermentum. Suspendisse non justo nec est aliquet semper. Maecenas ac tortor eu est porttitor sodales in id odio.

Pellentesque ac est consectetur, ornare lorem varius, sagittis ligula. Duis scelerisque nulla ac augue vulputate, in luctus ligula convallis. Integer pulvinar risus ut magna ornare, id tincidunt arcu porta. Aenean at dolor aliquet nisl feugiat dignissim. Sed ultricies justo non diam vulputate, adipiscing dictum purus ullamcorper. Mauris varius turpis eget magna accumsan varius. Pellentesque quis nisi sed elit aliquet fermentum ut at augue. Etiam eu dolor eget arcu sodales posuere sit amet in dolor. Proin accumsan diam tempus enim placerat, vel eleifend lectus dignissim. In convallis velit tincidunt eleifend vulputate.

Round Edge

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris a velit eget odio sollicitudin laoreet. Duis sed lectus in turpis rutrum bibendum sit amet a ante. Pellentesque elementum erat sed justo rhoncus eleifend. Sed et nisi ut ante auctor aliquet nec vel velit. Cras bibendum erat rhoncus felis ultrices posuere. Aliquam pharetra ligula vel lacus euismod lacinia. Fusce sagittis libero id lorem imperdiet, ac euismod ipsum venenatis. Donec porta orci vestibulum commodo ullamcorper.

Quisque ac turpis sit amet nibh ultricies egestas quis quis neque. Curabitur varius odio a adipiscing tempor. Duis scelerisque nulla ac augue vulputate, in luctus ligula convallis. Aliquam dapibus metus vitae libero sollicitudin, vel sodales sapien tristique. Sed id leo dictum, hendrerit urna vitae, ullamcorper felis. Donec ut tortor in risus eleifend porttitor. Mauris tempus risus sed dolor euismod, id suscipit ante tincidunt. Vestibulum fermentum risus et mollis ullamcorper. Phasellus molestie sapien at felis blandit placerat. Nullam suscipit massa non purus hendrerit, pellentesque semper augue consequat. Integer eu ligula blandit metus facilisis viverra. Phasellus eu mi quis nibh consectetur auctor.

Diamond Triple

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam a sem a nunc facilisis suscipit sit amet sed ipsum. Duis ornare sem nec mi euismod posuere. In ultrices magna et auctor porta. Nunc non turpis eu eros tincidunt vestibulum in id purus. Duis euismod arcu sit amet scelerisque iaculis. Morbi tristique nulla vitae eros pharetra blandit.

Cras bibendum erat rhoncus felis ultrices posuere. Pellentesque bibendum mauris at diam pretium, sit amet tempor tortor ultricies. Vestibulum cursus ligula sed augue tempus, dictum interdum mi tempor. Praesent ut est nec eros pharetra ultrices vitae vitae nisi. Nulla ac tortor hendrerit felis accumsan pulvinar. Aliquam iaculis risus congue, dignissim eros ut, lacinia nulla. In vitae ligula interdum, auctor quam vitae, eleifend quam. Duis feugiat orci quis tempor faucibus.

Triangle Big Inverse

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eu lorem posuere, hendrerit purus a, pellentesque leo. Phasellus vel neque nec eros rutrum placerat at non neque. Duis et justo elementum libero iaculis pulvinar.

Duis consectetur est eget mi consectetur, sed dignissim mauris lacinia. Proin eget est eu ante venenatis iaculis. Morbi pulvinar elit a felis vulputate volutpat. Donec varius magna nec ante vehicula pulvinar.

Curve Left/Right

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla in lorem sed ipsum cursus scelerisque. Sed blandit lorem eu velit tempus, id ornare arcu fringilla. Nunc ac lectus vel tortor rutrum feugiat. Donec quis dolor congue, consequat nibh ac, auctor nibh. Aenean vitae nisi id nulla tristique egestas at eget odio. Donec a ipsum vitae metus facilisis imperdiet in nec mi. In feugiat lacus et velit ultrices volutpat. Suspendisse ac risus nec velit faucibus pellentesque sit amet ac ipsum. Donec porttitor ipsum ac facilisis mattis. In at augue ullamcorper, pellentesque arcu aliquet, ullamcorper turpis. Etiam pretium massa malesuada vestibulum volutpat.

Nullam interdum tortor sit amet lacinia auctor. Vestibulum consectetur ante vel mattis venenatis. Quisque consectetur lorem sit amet nisi porttitor, sed bibendum nunc sodales. Cras bibendum erat rhoncus felis ultrices posuere. Phasellus molestie sapien at felis blandit placerat. Etiam commodo neque quis aliquam congue. Vestibulum vitae dui non diam tincidunt malesuada. Morbi egestas ipsum sit amet lorem porttitor eleifend.

Triangle Big Centered

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris non dui eget justo bibendum imperdiet ut non velit. Nulla a metus quis ipsum tincidunt blandit vitae sit amet turpis.

Donec egestas erat eget ante suscipit, vitae iaculis neque sollicitudin. Nullam ullamcorper lacus at dui consequat, vitae molestie orci dignissim. Nulla sed lectus ac tellus rhoncus pellentesque. Nullam eu tortor vitae turpis malesuada aliquam. Aenean quis nulla vel dolor blandit mattis et vel sem. Cras bibendum erat rhoncus felis ultrices posuere.

Circle

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque id dolor interdum, fermentum ligula id, pretium urna. Nulla eu justo vitae diam bibendum volutpat vitae sit amet leo. Sed vitae risus sit amet nisl molestie iaculis. Praesent interdum est sed rutrum dapibus.

Vivamus ut lectus vitae nulla pharetra accumsan sed eget nisi. Quisque rutrum libero vitae ullamcorper consequat. Vestibulum sit amet orci ac nulla blandit vestibulum. Nunc nec ligula sit amet nibh commodo sagittis et ac tellus.

Diamond

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id leo dictum, hendrerit urna vitae, ullamcorper felis. Nunc ac lectus vel tortor rutrum feugiat. Pellentesque semper nibh ac magna dapibus, eget sollicitudin risus condimentum. Sed mattis augue ut blandit eleifend. Proin blandit magna ullamcorper luctus dictum.

In at augue ullamcorper, pellentesque arcu aliquet, ullamcorper turpis. Fusce sit amet risus et diam congue venenatis. Donec semper arcu eget porta accumsan. Quisque id massa imperdiet ante fringilla volutpat nec porta sem. Pellentesque ac sapien luctus est pellentesque cursus sed vitae lectus. Pellentesque dignissim sapien nec sagittis commodo. Donec semper arcu eget porta accumsan.