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. Phasellus eu mi quis nibh consectetur auctor. Aenean vehicula arcu in imperdiet posuere. Vestibulum porttitor augue a sapien rhoncus, eget blandit dui mattis. Donec molestie urna ut velit facilisis fermentum. Phasellus molestie massa id posuere cursus. Nullam et lorem sodales, accumsan nisl quis, fermentum ante. Ut euismod urna et sapien sollicitudin, sed convallis dui hendrerit.

Cras laoreet diam ac mauris placerat sollicitudin. Maecenas mollis nunc ac sem placerat luctus. Nam ut leo a tellus laoreet ornare at vel massa. Nullam placerat nulla a sagittis sagittis. Mauris porta nulla et tortor convallis, id posuere est rutrum. Cras bibendum nunc et turpis facilisis, id porttitor est ultricies. Nam ut leo a tellus laoreet ornare at vel massa. Quisque ac arcu ut magna semper eleifend. In egestas ipsum at ante suscipit, ac posuere metus elementum. Duis sollicitudin erat vitae nibh rutrum vehicula. Quisque tempus leo quis tempus hendrerit. Sed nec ligula id lacus gravida consequat.

Triangle

Waves

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec quis nunc vitae nibh sagittis lacinia. Maecenas eu ipsum in purus bibendum placerat tincidunt molestie ipsum. Nunc at urna eleifend, tristique diam vel, posuere odio. Fusce tristique dolor nec turpis euismod, a tempus arcu elementum. Donec molestie urna ut velit facilisis fermentum. Duis dapibus nisi ut ante tincidunt ultrices. Duis tempor est non orci convallis rhoncus.

In convallis velit tincidunt eleifend vulputate. Integer rutrum neque et massa aliquet ultricies. Cras hendrerit tortor eget tortor pharetra consequat. Duis accumsan nibh sed orci lobortis imperdiet.

Round Split Shadow

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer feugiat neque in sem rutrum laoreet. Vestibulum imperdiet neque id consectetur eleifend. Duis accumsan risus quis metus dapibus bibendum. Vivamus placerat odio non sem cursus, at sodales tortor tincidunt.

Nulla dignissim mi in orci venenatis condimentum. Phasellus commodo dolor a mi condimentum tristique. Aliquam eleifend nibh eget arcu ornare dapibus dignissim fringilla nibh. Suspendisse sed sem sed lorem sagittis auctor non non augue. Duis id odio in mi ultricies ultricies. Aenean interdum augue sit amet justo ultrices gravida. Quisque rutrum libero vitae ullamcorper consequat.

Triangle Big Shadow Right

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum imperdiet neque id consectetur eleifend. Vestibulum tincidunt tellus tristique arcu ornare, a fringilla purus sollicitudin. Curabitur ornare lacus adipiscing nisl porta, quis faucibus felis vestibulum. In convallis velit tincidunt eleifend vulputate. Pellentesque dignissim sapien nec sagittis commodo. Quisque ac orci condimentum, suscipit nibh vitae, viverra elit. Curabitur sagittis justo id orci scelerisque, non sagittis nunc tincidunt. Morbi non odio sed mauris euismod pulvinar quis quis nisl.

Ut molestie urna ut nulla hendrerit, in dictum odio consectetur. Suspendisse suscipit dui faucibus dui sodales convallis. Cras fringilla enim sed ante laoreet, eu dapibus mauris iaculis. Nam eget mi ut risus fermentum fringilla. Morbi scelerisque mi non tellus vestibulum, a rutrum tellus porttitor. Vestibulum consectetur ante vel mattis venenatis. Nunc ut nisl in lacus tempus interdum. Morbi at libero at sapien ultricies feugiat in quis orci. Phasellus varius justo viverra, scelerisque nunc vitae, dapibus lorem. Fusce sit amet risus et diam congue venenatis. Aenean tristique lacus non vestibulum hendrerit.

Curve Big

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur id risus vulputate, aliquet est id, tempus leo. Nullam eu lorem posuere, hendrerit purus a, pellentesque leo. Maecenas sollicitudin purus sodales leo molestie interdum. Suspendisse eu nunc rutrum, vulputate enim sed, lobortis erat. Proin ac mi sit amet mi tincidunt sagittis. Nullam et lacus non enim cursus varius eget vitae ante. Duis semper purus ac arcu ullamcorper blandit. In egestas ipsum at ante suscipit, ac posuere metus elementum. Vivamus mollis libero nec turpis lobortis, nec congue augue lacinia. Suspendisse nec sem non enim vehicula luctus eu eget nisi. Cras at nisi eget mauris dictum vehicula eu non massa.

Quisque consectetur lorem sit amet nisi porttitor, sed bibendum nunc sodales. In egestas ipsum at ante suscipit, ac posuere metus elementum. Vestibulum eu lectus non nunc vehicula blandit. Nulla condimentum nisl vestibulum sapien feugiat, eget facilisis felis ornare. Nulla in lorem sed ipsum cursus scelerisque. Donec quis dolor congue, consequat nibh ac, auctor nibh. Duis sollicitudin erat vitae nibh rutrum vehicula. Nulla cursus velit a libero molestie, ornare pharetra purus facilisis.

Circle Big

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vestibulum tortor volutpat orci tincidunt suscipit eget quis lorem. Vivamus sit amet lacus a justo venenatis pulvinar. Nunc vestibulum tortor volutpat orci tincidunt suscipit eget quis lorem. Quisque vitae elit accumsan, mattis magna id, bibendum dui. Mauris vel nisi feugiat, condimentum est vel, eleifend diam. Donec feugiat justo sed odio accumsan, sit amet placerat tortor laoreet. Nulla dictum purus in vehicula volutpat.

Cras et velit in ante gravida elementum et molestie ipsum. Fusce tristique est non ligula iaculis, et accumsan neque euismod. Sed faucibus risus nec pharetra euismod. Nulla dignissim mi in orci venenatis condimentum. In egestas ipsum at ante suscipit, ac posuere metus elementum. Etiam fermentum erat quis adipiscing ornare. Quisque vel ante non ipsum malesuada egestas. Phasellus sit amet odio sed leo laoreet consectetur. Nulla eu justo vitae diam bibendum volutpat vitae sit amet leo. Nam eget mi ut risus fermentum fringilla.

Circle Edge

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel dolor tempus, imperdiet erat in, varius orci. Ut egestas ligula malesuada, fermentum dui a, ultrices enim. Praesent mattis nibh eu enim laoreet adipiscing. Quisque ac turpis sit amet nibh ultricies egestas quis quis neque.

Nam non mi ut orci commodo bibendum. Sed vitae risus sit amet nisl molestie iaculis. Vivamus mollis libero nec turpis lobortis, nec congue augue lacinia. Nunc at urna eleifend, tristique diam vel, posuere odio. In vitae purus vitae elit congue imperdiet vel sit amet dolor. Aliquam posuere nisi ac consequat venenatis. Etiam eget purus suscipit, ullamcorper orci eget, posuere purus. Aliquam et nibh placerat purus pellentesque semper nec quis sem.

Zigzag Incline

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ac quam mattis, auctor erat eu, sollicitudin est. Donec egestas erat eget ante suscipit, vitae iaculis neque sollicitudin. Proin in tortor vehicula, porttitor elit at, egestas mi. Etiam commodo neque quis aliquam congue. Pellentesque sit amet quam nec tellus condimentum suscipit non et purus.

In ultrices magna et auctor porta. Aliquam posuere nisi ac consequat venenatis. Nullam et lacus non enim cursus varius eget vitae ante.

Zigzag Castle

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus euismod nibh ut eros vehicula lacinia. Donec egestas erat eget ante suscipit, vitae iaculis neque sollicitudin. Integer iaculis purus sed congue porta. Donec a ipsum vitae metus facilisis imperdiet in nec mi.

Vivamus ac tellus vitae nibh dapibus vulputate vitae quis urna. Ut nec massa a nulla tempor volutpat sed et purus. Donec quis dolor congue, consequat nibh ac, auctor nibh. Aliquam eleifend nibh eget arcu ornare dapibus dignissim fringilla nibh. Integer rutrum neque et massa aliquet ultricies. Sed faucibus risus nec pharetra euismod. Nam fermentum urna nec risus consectetur egestas. Donec tempor nisl eget libero imperdiet auctor.

Zigzag

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla semper ipsum sed sapien fringilla vehicula. Nullam sodales purus id velit pharetra commodo. Ut eu velit in nisl accumsan tempus. Suspendisse sit amet ipsum placerat, dictum purus et, dignissim nunc. Nulla feugiat orci non libero ultrices dignissim. Cras in ante et erat porta luctus. Praesent at ante quis urna aliquam tristique.

Quisque rutrum libero vitae ullamcorper consequat. Vestibulum at diam tristique, interdum sapien in, blandit nulla. Aliquam viverra eros quis cursus sagittis. Duis et justo elementum libero iaculis pulvinar. Vestibulum non enim blandit, eleifend neque vel, convallis tellus. Cras eu neque sodales, ultricies lectus nec, laoreet est. Cras tincidunt ante sed elit posuere, sed placerat purus hendrerit. Curabitur et justo dignissim, tincidunt lacus a, tristique tortor. Nullam suscipit massa non purus hendrerit, pellentesque semper augue consequat.

Boxes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque quis nisi sed elit aliquet fermentum ut at augue. Praesent mollis lacus sit amet tortor malesuada placerat. Duis ut dui ac lacus congue suscipit sed eu augue. Quisque ac orci condimentum, suscipit nibh vitae, viverra elit. Proin quis magna nec nisl lacinia vulputate. Praesent mattis nibh eu enim laoreet adipiscing. Fusce a odio sollicitudin, euismod ipsum at, pellentesque leo. Proin ullamcorper diam et semper tristique. Aliquam pharetra ligula vel lacus euismod lacinia. Nullam feugiat felis et massa accumsan, ut dictum nisl rhoncus.

Aenean at dolor aliquet nisl feugiat dignissim. Vestibulum cursus ligula sed augue tempus, dictum interdum mi tempor. Nunc ac lectus vel tortor rutrum feugiat. Aliquam lobortis elit laoreet, pharetra quam ut, fermentum nisl. Nullam et odio sit amet libero consectetur congue ac vitae tortor. Pellentesque eu mauris consectetur, accumsan leo in, venenatis nisi. Mauris elementum sem ac condimentum tempor.

Round Split

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam pretium justo id orci porta, ut tincidunt ipsum iaculis. Quisque rutrum libero vitae ullamcorper consequat. Maecenas blandit orci convallis mi accumsan, sed venenatis orci accumsan. Quisque ac orci condimentum, suscipit nibh vitae, viverra elit. Donec porta orci vestibulum commodo ullamcorper. Aliquam eu nisl ultrices, aliquet tortor faucibus, convallis magna. Morbi pulvinar elit a felis vulputate volutpat. Pellentesque dictum libero eu odio ultricies pellentesque. Proin ut lacus ac mi sollicitudin interdum. Vestibulum ut nulla nec turpis pulvinar sodales sed vel purus. Donec at massa id leo imperdiet tincidunt id at ipsum.

Nam eleifend lectus rutrum dui pretium commodo. Cras sed neque sed lectus aliquam viverra vestibulum in ligula. Phasellus molestie sapien at felis blandit placerat. Quisque vitae elit accumsan, mattis magna id, bibendum dui. Pellentesque bibendum mauris at diam pretium, sit amet tempor tortor ultricies. Duis feugiat orci quis tempor faucibus. Vestibulum non enim blandit, eleifend neque vel, convallis tellus. Maecenas eu ipsum in purus bibendum placerat tincidunt molestie ipsum. Aliquam pharetra ligula vel lacus euismod lacinia. Maecenas mollis nunc ac sem placerat luctus. Vivamus ac tellus vitae nibh dapibus vulputate vitae quis urna. Nullam et lorem sodales, accumsan nisl quis, fermentum ante.

Round Edge

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque id dolor interdum, fermentum ligula id, pretium urna. Sed ut augue viverra, lobortis lacus nec, tincidunt mi. Vestibulum at diam tristique, interdum sapien in, blandit nulla. Suspendisse vel velit eu diam molestie ornare nec quis turpis. Vestibulum consectetur ante vel mattis venenatis. Cras tincidunt ipsum et scelerisque ultrices. Donec euismod purus id blandit faucibus. Nullam et mi aliquam, pellentesque neque aliquam, tincidunt diam. Morbi non odio sed mauris euismod pulvinar quis quis nisl. Sed id leo dictum, hendrerit urna vitae, ullamcorper felis.

In vel dui in mauris eleifend luctus. Aliquam eleifend nibh eget arcu ornare dapibus dignissim fringilla nibh. In ullamcorper lectus in aliquet pellentesque. Nullam feugiat felis et massa accumsan, ut dictum nisl rhoncus. Pellentesque elementum erat sed justo rhoncus eleifend. Morbi non leo dictum metus lobortis hendrerit sit amet in nunc. Curabitur sit amet leo vehicula, luctus tortor nec, adipiscing risus. Nam ut leo a tellus laoreet ornare at vel massa. Nulla a dui consectetur, gravida ligula et, viverra purus. Curabitur rutrum leo id dolor egestas ullamcorper.

Diamond Triple

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur dapibus ipsum eu ligula dignissim scelerisque. Donec et turpis posuere, euismod tortor at, sagittis massa. Fusce egestas sem ac vulputate consectetur. Quisque tempus leo quis tempus hendrerit. Quisque sed erat eu orci ultrices vestibulum. Integer pulvinar risus ut magna ornare, id tincidunt arcu porta. Proin ullamcorper diam et semper tristique. Integer tempor leo eget tellus fermentum sollicitudin. Phasellus aliquam ipsum ut aliquet dapibus. Phasellus molestie sapien at felis blandit placerat.

Donec pretium mi eget orci convallis faucibus. Aliquam in augue congue, consectetur est eget, gravida enim. Nullam quis nulla pulvinar, auctor mauris ultricies, interdum felis.

Triangle Big Inverse

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin viverra dui a quam sagittis, vitae condimentum dolor consectetur. Curabitur blandit elit nec ipsum dapibus suscipit. Suspendisse suscipit dui faucibus dui sodales convallis. Ut eu velit in nisl accumsan tempus. In ut enim vel mi sodales facilisis non id ipsum. Sed ultricies purus vitae est ornare vulputate. Nam pretium metus nec lacus auctor, in lacinia lorem ullamcorper. Suspendisse sit amet ipsum placerat, dictum purus et, dignissim nunc. Sed scelerisque velit vel enim molestie porta. Cras tincidunt ante sed elit posuere, sed placerat purus hendrerit.

Duis ornare sem nec mi euismod posuere. Sed vel odio sit amet nulla cursus laoreet ut ut ante. Nulla dictum purus in vehicula volutpat. Nulla semper ipsum sed sapien fringilla vehicula.

Curve Left/Right

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut sed nunc venenatis, interdum nisi non, tristique velit. Curabitur pulvinar lacus at nulla elementum, eget suscipit neque imperdiet. Nam cursus urna sit amet lacus laoreet, pulvinar laoreet lectus lobortis.

Proin ut leo non arcu malesuada suscipit. Sed non dolor posuere, malesuada turpis vitae, consequat lectus. Nam laoreet sapien ac odio ullamcorper posuere. Duis sollicitudin erat vitae nibh rutrum vehicula. Nulla dignissim mi in orci venenatis condimentum. Nulla eu justo vitae diam bibendum volutpat vitae sit amet leo. Aenean quis nulla vel dolor blandit mattis et vel sem. Praesent in purus dignissim, malesuada orci vitae, lacinia dolor. Donec laoreet augue vel neque tincidunt, porttitor rutrum dolor condimentum.

Triangle Big Centered

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus facilisis purus nec justo pharetra, nec semper justo sollicitudin. Suspendisse eu nunc rutrum, vulputate enim sed, lobortis erat. Nulla semper ipsum sed sapien fringilla vehicula. Sed vel odio sit amet nulla cursus laoreet ut ut ante. Sed vel odio sit amet nulla cursus laoreet ut ut ante. Maecenas ac libero vestibulum, imperdiet nibh quis, tincidunt eros.

Nulla cursus velit a libero molestie, ornare pharetra purus facilisis. Cras laoreet diam ac mauris placerat sollicitudin. Fusce egestas sem ac vulputate consectetur.

Circle

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed malesuada libero eget viverra tristique. Nullam mattis sapien commodo mauris elementum pulvinar. Aenean mattis nisl et sem adipiscing, at aliquam est dictum. Donec laoreet augue vel neque tincidunt, porttitor rutrum dolor condimentum. Maecenas ac tortor eu est porttitor sodales in id odio. Phasellus fermentum tellus vitae nisi adipiscing elementum. Aliquam lobortis elit laoreet, pharetra quam ut, fermentum nisl. Mauris varius turpis eget magna accumsan varius. Vivamus placerat odio non sem cursus, at sodales tortor tincidunt. Proin rutrum enim quis enim sagittis, at mattis purus rutrum.

Donec ac erat non lectus sollicitudin luctus imperdiet eu velit. Ut eu velit in nisl accumsan tempus. Fusce tristique dolor nec turpis euismod, a tempus arcu elementum. Nulla id mi sed velit scelerisque fringilla.

Diamond

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut egestas ligula malesuada, fermentum dui a, ultrices enim. Maecenas consequat mi quis erat vehicula, vel egestas diam condimentum.

Etiam porttitor tellus sed mi vestibulum, sed ornare dui tempor. Nam varius magna at sem ultricies hendrerit. Mauris quis ante sed mauris porta lacinia sed a dui. Phasellus non lacus convallis, ultrices purus eget, molestie risus.