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. Aenean interdum augue sit amet justo ultrices gravida. Curabitur eu nisl in tortor lacinia suscipit eu quis nulla. Nullam non lorem mollis, cursus libero non, consectetur erat.

Phasellus sollicitudin sapien facilisis augue dapibus varius. Suspendisse nec sem non enim vehicula luctus eu eget nisi. Integer tempor leo eget tellus fermentum sollicitudin. Pellentesque et sem interdum, pulvinar ligula quis, suscipit erat. Pellentesque elementum erat sed justo rhoncus eleifend. Duis sed lectus in turpis rutrum bibendum sit amet a ante. Phasellus suscipit urna id mauris fringilla accumsan.

Triangle

Waves

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce at orci vel orci suscipit commodo quis ac sem. Maecenas blandit orci convallis mi accumsan, sed venenatis orci accumsan. Nam fermentum urna nec risus consectetur egestas. Pellentesque et sem interdum, pulvinar ligula quis, suscipit erat. Vestibulum eu lectus non nunc vehicula blandit. Donec molestie urna ut velit facilisis fermentum. Quisque fermentum enim nec felis scelerisque sodales. In convallis velit tincidunt eleifend vulputate. Proin vitae ipsum et nisl tristique posuere.

In nec tellus at neque malesuada malesuada et sed nibh. Curabitur pulvinar lacus at nulla elementum, eget suscipit neque imperdiet. Aliquam ut turpis eu est auctor laoreet volutpat nec ante. Duis et dui ac orci dapibus imperdiet. Nullam et odio sit amet libero consectetur congue ac vitae tortor. Nam cursus urna sit amet lacus laoreet, pulvinar laoreet lectus lobortis. Morbi non leo dictum metus lobortis hendrerit sit amet in nunc. Nunc eleifend tortor quis blandit pellentesque. Aenean tristique lacus non vestibulum hendrerit. Donec quis enim egestas, pharetra ipsum vel, rutrum turpis.

Round Split Shadow

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque bibendum mauris at diam pretium, sit amet tempor tortor ultricies. Suspendisse scelerisque nunc pulvinar aliquam lacinia. Aenean at dolor aliquet nisl feugiat dignissim. Nulla ac dolor ultricies ligula vehicula consequat et et lectus. Phasellus quis lectus sit amet libero tincidunt lobortis. Ut eu velit in nisl accumsan tempus. Proin adipiscing quam facilisis lectus tristique, id euismod sem interdum. Vestibulum vel metus sit amet enim sollicitudin euismod eget nec justo. Cras et velit in ante gravida elementum et molestie ipsum. Mauris vel arcu tincidunt quam convallis viverra in vel ante.

Integer tempor leo eget tellus fermentum sollicitudin. Nam pretium metus nec lacus auctor, in lacinia lorem ullamcorper. Mauris vel nisi feugiat, condimentum est vel, eleifend diam. Maecenas ac tortor eu est porttitor sodales in id odio. Duis euismod arcu sit amet scelerisque iaculis. Sed malesuada libero eget viverra tristique. Sed placerat est nec diam lobortis auctor. Quisque id massa imperdiet ante fringilla volutpat nec porta sem. Aenean at dolor aliquet nisl feugiat dignissim. Nunc sed erat in nisl malesuada vestibulum.

Triangle Big Shadow Right

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur eu nisl in tortor lacinia suscipit eu quis nulla. Etiam venenatis massa a turpis vulputate pharetra.

Duis tempor est non orci convallis rhoncus. Morbi vehicula mi sed lacus commodo, aliquet eleifend odio tristique. Nulla euismod lorem eu elit ornare, ac consectetur sem elementum. Vestibulum imperdiet neque id consectetur eleifend. Aliquam iaculis risus congue, dignissim eros ut, lacinia nulla. Proin rutrum enim quis enim sagittis, at mattis purus rutrum. Integer laoreet mauris a augue bibendum blandit.

Curve Big

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer suscipit risus sed nisi sodales imperdiet eu id est. Quisque ac turpis sit amet nibh ultricies egestas quis quis neque. Maecenas vestibulum lectus eu dui elementum, non porta magna dictum. Nulla euismod justo adipiscing ante porttitor adipiscing.

Integer tempor leo eget tellus fermentum sollicitudin. Cras laoreet diam ac mauris placerat sollicitudin. Sed vel odio sit amet nulla cursus laoreet ut ut ante. Sed eget urna vel orci aliquam molestie quis sed elit. Curabitur dapibus ipsum eu ligula dignissim scelerisque. Suspendisse nec ipsum sed metus lacinia vestibulum. Sed malesuada libero eget viverra tristique. Maecenas ac libero vestibulum, imperdiet nibh quis, tincidunt eros. Vestibulum ut nulla nec turpis pulvinar sodales sed vel purus. Mauris facilisis felis eu nunc auctor, ac porttitor ante pellentesque. Mauris tempus risus sed dolor euismod, id suscipit ante tincidunt.

Circle Big

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ornare tellus vitae accumsan suscipit. Pellentesque dictum libero eu odio ultricies pellentesque. Cras laoreet diam ac mauris placerat sollicitudin. Etiam gravida elit a dui ornare, eu consequat tellus fringilla. Cras at nisi eget mauris dictum vehicula eu non massa. Proin accumsan diam tempus enim placerat, vel eleifend lectus dignissim. Integer suscipit risus sed nisi sodales imperdiet eu id est. Morbi varius dui non nulla pretium, at auctor augue sollicitudin. Etiam eget purus suscipit, ullamcorper orci eget, posuere purus. Quisque consectetur felis non nulla accumsan tempor.

Sed vehicula est non massa porttitor interdum. Fusce ac justo lobortis, sollicitudin nibh vitae, porttitor odio. Nam in est in tortor pretium posuere. Maecenas a massa eu turpis suscipit sollicitudin vitae et tellus. Vestibulum sit amet orci ac nulla blandit vestibulum. Suspendisse eu nunc rutrum, vulputate enim sed, lobortis erat. Nulla euismod lorem eu elit ornare, ac consectetur sem elementum. Phasellus eleifend massa at euismod rutrum. Sed non dolor posuere, malesuada turpis vitae, consequat lectus.

Circle Edge

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut mattis orci pharetra, suscipit augue a, faucibus felis. Sed vel odio sit amet nulla cursus laoreet ut ut ante. Mauris a velit eget odio sollicitudin laoreet. Curabitur sit amet leo vehicula, luctus tortor nec, adipiscing risus. Sed mattis augue ut blandit eleifend. Donec ut tortor in risus eleifend porttitor. Duis id odio in mi ultricies ultricies. Phasellus non lacus convallis, ultrices purus eget, molestie risus.

Mauris vel arcu tincidunt quam convallis viverra in vel ante. Cras quis odio ac leo accumsan pharetra. Pellentesque posuere neque sed dignissim gravida. Vestibulum vitae dui non diam tincidunt malesuada. Fusce a odio sollicitudin, euismod ipsum at, pellentesque leo.

Zigzag Incline

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec molestie urna ut velit facilisis fermentum. Fusce ac justo lobortis, sollicitudin nibh vitae, porttitor odio. Morbi non leo dictum metus lobortis hendrerit sit amet in nunc.

Sed ultricies justo non diam vulputate, adipiscing dictum purus ullamcorper. Vivamus suscipit magna vitae placerat dapibus. Nulla a metus quis ipsum tincidunt blandit vitae sit amet turpis. Suspendisse sed mauris sed leo feugiat consequat. Vestibulum id erat quis ante dictum consequat a sed dui. Maecenas blandit orci convallis mi accumsan, sed venenatis orci accumsan.

Zigzag Castle

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sit amet leo vehicula, luctus tortor nec, adipiscing risus. Nunc sed erat in nisl malesuada vestibulum. In ac ligula non mauris imperdiet auctor. Maecenas eu ipsum in purus bibendum placerat tincidunt molestie ipsum. Etiam porttitor tellus sed mi vestibulum, sed ornare dui tempor.

Pellentesque et sem interdum, pulvinar ligula quis, suscipit erat. Integer rutrum neque et massa aliquet ultricies. Donec dapibus ante eu tellus tempus sodales. Vestibulum sit amet urna scelerisque, rutrum nisl vitae, aliquet lectus. Aliquam viverra eros quis cursus sagittis. Vivamus porttitor leo in tincidunt hendrerit. In vitae purus vitae elit congue imperdiet vel sit amet dolor.

Zigzag

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean blandit urna vel lectus fermentum facilisis eu ut metus. Nunc fermentum tortor pulvinar, auctor arcu sit amet, molestie ligula. Phasellus nec neque sed eros lobortis elementum eget quis elit. Vestibulum dictum nunc ut mi semper, non suscipit mauris sollicitudin.

Nam varius magna at sem ultricies hendrerit. Vestibulum cursus ligula sed augue tempus, dictum interdum mi tempor. Vivamus ac leo mollis, posuere sapien id, accumsan sapien. Nunc non justo ultricies, tristique libero vitae, ornare odio. Proin blandit augue sit amet nunc sollicitudin iaculis. Quisque consectetur felis non nulla accumsan tempor. Cras scelerisque odio non vehicula porta. Nulla condimentum nisl vestibulum sapien feugiat, eget facilisis felis ornare. Aliquam vel massa vulputate, dictum nulla sodales, suscipit nisi. Vestibulum ut massa dapibus, aliquet magna lacinia, volutpat tellus. Sed sed mi facilisis, pellentesque ipsum at, viverra purus.

Boxes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ullamcorper lectus in aliquet pellentesque. Praesent a sapien nec enim rutrum ultrices in adipiscing augue. Donec pretium mi eget orci convallis faucibus. Nunc ac lectus vel tortor rutrum feugiat. Nulla ultricies magna a dui dapibus, non gravida urna imperdiet. Mauris ultrices arcu ac lacus mollis, ut lobortis libero auctor. Praesent in justo sit amet lectus venenatis auctor quis sed risus. Phasellus eleifend massa at euismod rutrum. Nullam non lorem mollis, cursus libero non, consectetur erat. Proin eget est eu ante venenatis iaculis.

In ut enim vel mi sodales facilisis non id ipsum. Vestibulum vel metus sit amet enim sollicitudin euismod eget nec justo. Vestibulum vitae dui non diam tincidunt malesuada. Proin non tortor venenatis nisl condimentum viverra sit amet eu ligula. Mauris varius turpis eget magna accumsan varius. Curabitur rutrum leo id dolor egestas ullamcorper. Aliquam eu nisl ultrices, aliquet tortor faucibus, convallis magna. Ut nec massa a nulla tempor volutpat sed et purus. Fusce sagittis libero id lorem imperdiet, ac euismod ipsum venenatis. Quisque ac turpis sit amet nibh ultricies egestas quis quis neque. Aliquam quis arcu non magna aliquam iaculis.

Round Split

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel dolor tempus, imperdiet erat in, varius orci. Cras sit amet eros eget augue ornare posuere ac vel odio. Vestibulum sit amet urna scelerisque, rutrum nisl vitae, aliquet lectus. Vivamus accumsan nisl adipiscing sem sollicitudin ultricies. Donec in tellus ut libero scelerisque venenatis. Proin ac mi sit amet mi tincidunt sagittis. Donec egestas erat eget ante suscipit, vitae iaculis neque sollicitudin. Donec quis nunc vitae nibh sagittis lacinia. In egestas ipsum at ante suscipit, ac posuere metus elementum. Pellentesque ac sapien luctus est pellentesque cursus sed vitae lectus. In nec tellus at neque malesuada malesuada et sed nibh.

Nullam mattis sapien commodo mauris elementum pulvinar. Donec et turpis posuere, euismod tortor at, sagittis massa. Nullam vel lectus tincidunt, iaculis mi eget, rhoncus velit. Quisque ac arcu ut magna semper eleifend. Ut in nulla tincidunt nulla malesuada tempor ac non risus. Integer congue sapien id nibh mattis interdum.

Round Edge

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed a sapien et urna sagittis lacinia eget id nisi. Fusce ac neque congue urna tristique scelerisque. Sed tristique urna non vehicula imperdiet.

Quisque tempus leo quis tempus hendrerit. Maecenas blandit orci convallis mi accumsan, sed venenatis orci accumsan. Nulla sed lectus ac tellus rhoncus pellentesque. Etiam lobortis diam sit amet facilisis dictum. Suspendisse sed sem sed lorem sagittis auctor non non augue. Cras at nisi eget mauris dictum vehicula eu non massa.

Diamond Triple

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vel lectus tincidunt, iaculis mi eget, rhoncus velit. Nunc non justo ultricies, tristique libero vitae, ornare odio. Proin vitae ipsum et nisl tristique posuere. Etiam venenatis massa a turpis vulputate pharetra. Sed id leo dictum, hendrerit urna vitae, ullamcorper felis. Duis semper purus ac arcu ullamcorper blandit.

Fusce tristique dui et nisi hendrerit ultrices. Cras bibendum erat rhoncus felis ultrices posuere. Mauris porta nulla et tortor convallis, id posuere est rutrum. Vestibulum tincidunt tellus tristique arcu ornare, a fringilla purus sollicitudin. Integer id velit scelerisque lectus eleifend mattis. Vivamus iaculis dolor consequat, euismod orci in, egestas ante. Cras tincidunt ante sed elit posuere, sed placerat purus hendrerit. Vivamus placerat odio non sem cursus, at sodales tortor tincidunt. Praesent interdum est sed rutrum dapibus. Sed ac sapien in sapien aliquet eleifend. Curabitur blandit elit nec ipsum dapibus suscipit. Suspendisse sed mauris sed leo feugiat consequat.

Triangle Big Inverse

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec euismod purus id blandit faucibus. Fusce sagittis metus in magna vulputate lobortis. Mauris porttitor sapien eget nibh imperdiet, sed ultrices enim porta. Duis id lacus mollis, lacinia mauris eget, accumsan mi. Praesent lacinia ante vitae elementum adipiscing. Vivamus sit amet lacus a justo venenatis pulvinar. Phasellus sit amet odio sed leo laoreet consectetur. Praesent a justo mattis, pellentesque lacus placerat, ornare est. Quisque tempus leo quis tempus hendrerit. In ac ligula non mauris imperdiet auctor.

Maecenas eu ipsum in purus bibendum placerat tincidunt molestie ipsum. Duis molestie magna sit amet lacinia commodo. Nulla ultricies magna a dui dapibus, non gravida urna imperdiet. Ut mattis orci pharetra, suscipit augue a, faucibus felis. Aliquam quis arcu non magna aliquam iaculis. Duis molestie magna sit amet lacinia commodo. Phasellus nec neque consequat, commodo nulla sit amet, pellentesque enim. Praesent sed lectus vitae libero accumsan mollis.

Curve Left/Right

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed mattis augue ut blandit eleifend. Donec laoreet augue vel neque tincidunt, porttitor rutrum dolor condimentum. Integer feugiat neque in sem rutrum laoreet. Nullam et mi aliquam, pellentesque neque aliquam, tincidunt diam.

Duis consectetur est eget mi consectetur, sed dignissim mauris lacinia. Ut molestie urna ut nulla hendrerit, in dictum odio consectetur. Cras quis nisl mattis, pharetra metus at, mattis magna. Fusce ac neque congue urna tristique scelerisque. Vestibulum ut massa dapibus, aliquet magna lacinia, volutpat tellus. Praesent ut est nec eros pharetra ultrices vitae vitae nisi. Cras sit amet mi eu sem congue fringilla. Nulla feugiat orci non libero ultrices dignissim. Proin quis magna nec nisl lacinia vulputate. Duis varius lectus lobortis ipsum tempor, ut interdum eros facilisis. Fusce at orci vel orci suscipit commodo quis ac sem. Praesent a justo mattis, pellentesque lacus placerat, ornare est.

Triangle Big Centered

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque posuere neque sed dignissim gravida. Fusce tristique dui et nisi hendrerit ultrices. Suspendisse sed ante tempus, lobortis massa quis, aliquet elit. Vestibulum ut lacus vitae urna faucibus sollicitudin. Duis et justo elementum libero iaculis pulvinar. Vestibulum non urna in felis lobortis vestibulum. Proin ullamcorper diam et semper tristique. Cras tincidunt ipsum et scelerisque ultrices. Nullam mattis sapien commodo mauris elementum pulvinar. Curabitur id risus vulputate, aliquet est id, tempus leo. Praesent mollis lacus sit amet tortor malesuada placerat.

Nunc molestie dui eget accumsan mattis. Proin blandit augue sit amet nunc sollicitudin iaculis. Etiam ornare felis sit amet purus tristique, in placerat velit faucibus. Nullam quis nulla pulvinar, auctor mauris ultricies, interdum felis. In ullamcorper lectus in aliquet pellentesque. Donec at nunc a arcu congue posuere. Proin ac mi sit amet mi tincidunt sagittis. Curabitur varius odio a adipiscing tempor. Sed blandit lorem eu velit tempus, id ornare arcu fringilla. Suspendisse nec ipsum sed metus lacinia vestibulum. Duis sollicitudin erat vitae nibh rutrum vehicula. Aliquam rutrum quam non interdum egestas.

Circle

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sit amet lacus a justo venenatis pulvinar. Proin eu sem sit amet libero tristique accumsan in non dui. Nulla cursus velit a libero molestie, ornare pharetra purus facilisis. Nulla euismod justo adipiscing ante porttitor adipiscing.

Phasellus tincidunt dolor a sapien fringilla lacinia. Mauris pharetra sem non nulla gravida, non condimentum enim tempus. Phasellus eu mi quis nibh consectetur auctor. Donec et turpis posuere, euismod tortor at, sagittis massa.

Diamond

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ornare tellus vitae accumsan suscipit. Integer suscipit risus sed nisi sodales imperdiet eu id est. Vivamus accumsan nisl adipiscing sem sollicitudin ultricies. Mauris vel nisi feugiat, condimentum est vel, eleifend diam. Phasellus aliquam ipsum ut aliquet dapibus. Aenean tristique lacus non vestibulum hendrerit.

Mauris porta nulla et tortor convallis, id posuere est rutrum. Duis et dui ac orci dapibus imperdiet. Ut vel nibh consectetur, sagittis tellus vel, ultricies purus. Mauris porttitor sapien eget nibh imperdiet, sed ultrices enim porta. Cras sed mauris non massa tincidunt viverra a consequat ligula. Curabitur blandit elit nec ipsum dapibus suscipit. Cras at dolor sed felis volutpat aliquet vel et enim. Donec laoreet augue vel neque tincidunt, porttitor rutrum dolor condimentum. Suspendisse sit amet ipsum placerat, dictum purus et, dignissim nunc. Nulla dictum purus in vehicula volutpat. Donec varius magna nec ante vehicula pulvinar.