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. Quisque consectetur lorem sit amet nisi porttitor, sed bibendum nunc sodales. Nullam ornare tellus vitae accumsan suscipit. Praesent interdum est sed rutrum dapibus. Aliquam dapibus nulla condimentum, egestas risus eget, rutrum leo. Integer id velit scelerisque lectus eleifend mattis. In ac ligula non mauris imperdiet auctor. In ac ligula non mauris imperdiet auctor. Praesent et enim eu orci aliquam eleifend. Phasellus vel neque nec eros rutrum placerat at non neque. Morbi vel nunc id mauris mollis congue sed vitae lacus. Praesent a sapien nec enim rutrum ultrices in adipiscing augue.

Nullam et lacus non enim cursus varius eget vitae ante. In vitae purus vitae elit congue imperdiet vel sit amet dolor. Quisque ac turpis sit amet nibh ultricies egestas quis quis neque. Duis sollicitudin erat vitae nibh rutrum vehicula. Donec tincidunt erat in vestibulum interdum. Sed blandit lorem eu velit tempus, id ornare arcu fringilla. Sed lacinia neque a nulla bibendum hendrerit. Maecenas quis lorem hendrerit, vulputate nulla et, mollis risus. Donec quis nunc vitae nibh sagittis lacinia. Nullam placerat nulla a sagittis sagittis.

Triangle

Waves

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis at mauris et turpis convallis gravida sit amet quis lectus. Vivamus suscipit magna vitae placerat dapibus. Pellentesque consectetur mauris sed est porttitor, at imperdiet erat laoreet. Vestibulum ut lacus vitae urna faucibus sollicitudin. Cras sit amet orci vulputate, tempus massa eget, rhoncus eros. Nam non mi ut orci commodo bibendum. Suspendisse varius metus nec massa malesuada laoreet. Vestibulum cursus ligula sed augue tempus, dictum interdum mi tempor. Sed vitae risus sit amet nisl molestie iaculis. Cras eu neque sodales, ultricies lectus nec, laoreet est. Morbi sit amet eros id lectus ultricies euismod.

Vestibulum eu lectus non nunc vehicula blandit. Etiam tristique leo at arcu tempus, in dapibus dui tempor. Vivamus mollis libero nec turpis lobortis, nec congue augue lacinia.

Round Split Shadow

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur ullamcorper quam vel est imperdiet, a eleifend metus adipiscing. Sed scelerisque velit vel enim molestie porta. Integer suscipit risus sed nisi sodales imperdiet eu id est. Mauris at ipsum vel metus viverra ultricies. Mauris porta nulla et tortor convallis, id posuere est rutrum. Etiam lobortis diam sit amet facilisis dictum. Nunc eleifend tortor quis blandit pellentesque. Nullam eu tortor vitae turpis malesuada aliquam. Donec varius magna nec ante vehicula pulvinar.

Nulla a metus quis ipsum tincidunt blandit vitae sit amet turpis. Maecenas blandit orci convallis mi accumsan, sed venenatis orci accumsan. In ullamcorper lectus in aliquet pellentesque. Nullam a sem a nunc facilisis suscipit sit amet sed ipsum. Nunc sed velit mollis enim gravida malesuada. Donec quis dolor congue, consequat nibh ac, auctor nibh. Donec molestie urna ut velit facilisis fermentum. Nam pretium metus nec lacus auctor, in lacinia lorem ullamcorper. Nam fermentum urna nec risus consectetur egestas. Sed lacinia neque a nulla bibendum hendrerit. In vitae purus vitae elit congue imperdiet vel sit amet dolor.

Triangle Big Shadow Right

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce egestas sem ac vulputate consectetur. Curabitur quis sem at massa fermentum egestas.

Praesent dictum augue eu urna ultricies adipiscing. Aenean nec mauris et quam interdum tristique. Aenean mattis nisl et sem adipiscing, at aliquam est dictum. Ut sed nunc venenatis, interdum nisi non, tristique velit. Praesent feugiat tellus et nisi rhoncus, vel mattis quam laoreet. Vestibulum et odio dictum, elementum augue non, volutpat sapien. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed placerat est nec diam lobortis auctor.

Curve Big

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque posuere neque sed dignissim gravida. Mauris varius turpis eget magna accumsan varius. Quisque vitae metus luctus, tempus nulla at, ullamcorper lectus. Nunc at urna eleifend, tristique diam vel, posuere odio. Aenean blandit urna vel lectus fermentum facilisis eu ut metus. Ut sed nunc venenatis, interdum nisi non, tristique velit.

Donec ut tortor in risus eleifend porttitor. Vivamus placerat odio non sem cursus, at sodales tortor tincidunt. Praesent at ante quis urna aliquam tristique. Integer eget sem aliquet, laoreet tortor sit amet, fringilla lorem. Cras et velit in ante gravida elementum et molestie ipsum. Duis et justo elementum libero iaculis pulvinar. Ut egestas ligula malesuada, fermentum dui a, ultrices enim. Etiam sodales orci eget sapien sodales adipiscing. Nunc accumsan arcu ac blandit semper. Curabitur ullamcorper quam vel est imperdiet, a eleifend metus adipiscing.

Circle Big

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus nulla condimentum, egestas risus eget, rutrum leo. Pellentesque elementum erat sed justo rhoncus eleifend. Suspendisse suscipit dui faucibus dui sodales convallis. Nunc eleifend tortor quis blandit pellentesque. Duis varius felis nec lectus ornare ultricies. Aliquam posuere nisi ac consequat venenatis.

Integer eget sem aliquet, laoreet tortor sit amet, fringilla lorem. Nulla eu justo vitae diam bibendum volutpat vitae sit amet leo. Donec porta orci vestibulum commodo ullamcorper. Praesent mollis lacus sit amet tortor malesuada placerat. Phasellus molestie sapien at felis blandit placerat. Quisque dapibus justo a urna lobortis cursus.

Circle Edge

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sed erat in nisl malesuada vestibulum. Praesent mollis lacus sit amet tortor malesuada placerat. Proin ut leo non arcu malesuada suscipit. Nam fermentum urna nec risus consectetur egestas. Duis feugiat orci quis tempor faucibus. Sed quis augue vel ligula aliquet bibendum at a lectus. Aliquam adipiscing risus et vestibulum sollicitudin. Etiam commodo neque quis aliquam congue. Nullam vel lectus tincidunt, iaculis mi eget, rhoncus velit. Aliquam eu nisl ultrices, aliquet tortor faucibus, convallis magna.

Nunc eu mauris ac felis sodales lacinia. Duis feugiat orci quis tempor faucibus. Aliquam rutrum quam non interdum egestas. Praesent nec neque cursus, congue neque et, tempor odio.

Zigzag Incline

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam interdum tortor sit amet lacinia auctor. Etiam tristique leo at arcu tempus, in dapibus dui tempor. Duis sollicitudin erat vitae nibh rutrum vehicula. Sed at turpis sed justo tincidunt blandit. Vestibulum faucibus sapien eu justo posuere, sit amet tempus magna pretium. Morbi sit amet eros id lectus ultricies euismod. Aliquam posuere nisi ac consequat venenatis. Sed vel odio sit amet nulla cursus laoreet ut ut ante. Nam vel massa eleifend, pellentesque turpis a, ullamcorper erat. Nullam suscipit massa non purus hendrerit, pellentesque semper augue consequat. Phasellus quis lectus sit amet libero tincidunt lobortis.

Suspendisse varius metus nec massa malesuada laoreet. Praesent ac mi quis dui tincidunt suscipit. Sed vitae risus sit amet nisl molestie iaculis. Cras eu neque sodales, ultricies lectus nec, laoreet est. Nulla dictum purus in vehicula volutpat. Vestibulum imperdiet urna vitae sapien faucibus porttitor. Etiam vulputate lectus eget enim porttitor euismod. Phasellus nec neque consequat, commodo nulla sit amet, pellentesque enim.

Zigzag Castle

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent dictum augue eu urna ultricies adipiscing. Etiam eget purus suscipit, ullamcorper orci eget, posuere purus. Donec porttitor ipsum ac facilisis mattis. Sed tristique justo id ipsum luctus fringilla. Ut hendrerit neque ut tellus lobortis, at volutpat ipsum tincidunt. Phasellus sollicitudin sapien facilisis augue dapibus varius. Phasellus non lacus convallis, ultrices purus eget, molestie risus.

Fusce pulvinar nisi nec leo lobortis, quis rutrum eros feugiat. Sed vel dolor tempus, imperdiet erat in, varius orci. Pellentesque posuere neque sed dignissim gravida. Phasellus vel neque nec eros rutrum placerat at non neque. Proin rutrum enim quis enim sagittis, at mattis purus rutrum. Integer tempor leo eget tellus fermentum sollicitudin. Duis varius lectus lobortis ipsum tempor, ut interdum eros facilisis. Aenean vehicula arcu in imperdiet posuere. Quisque eget libero vel enim volutpat vulputate non quis nulla.

Zigzag

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus facilisis purus nec justo pharetra, nec semper justo sollicitudin. Donec semper arcu eget porta accumsan. Quisque eget libero vel enim volutpat vulputate non quis nulla. Duis accumsan nibh sed orci lobortis imperdiet. Curabitur sit amet leo vehicula, luctus tortor nec, adipiscing risus. Integer congue sapien id nibh mattis interdum. Donec et turpis posuere, euismod tortor at, sagittis massa. Aenean mattis nisl et sem adipiscing, at aliquam est dictum. Pellentesque sit amet quam nec tellus condimentum suscipit non et purus. Aliquam posuere nisi ac consequat venenatis.

Cras pulvinar nibh vitae tellus pharetra dapibus. Vivamus euismod nibh ut eros vehicula lacinia. Sed malesuada libero eget viverra tristique. Nullam feugiat felis et massa accumsan, ut dictum nisl rhoncus. Vivamus at turpis luctus metus commodo fermentum. Vestibulum cursus ligula sed augue tempus, dictum interdum mi tempor. Vestibulum vitae dui non diam tincidunt malesuada. Vivamus porttitor leo in tincidunt hendrerit. Nam laoreet sapien ac odio ullamcorper posuere.

Boxes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut euismod urna et sapien sollicitudin, sed convallis dui hendrerit. Donec dapibus ante eu tellus tempus sodales. Donec ut tortor in risus eleifend porttitor. In dapibus purus ultricies, porta sapien ac, tincidunt sapien.

Fusce tristique dui et nisi hendrerit ultrices. Phasellus suscipit urna id mauris fringilla accumsan. Nunc sed erat in nisl malesuada vestibulum. Vivamus mollis libero nec turpis lobortis, nec congue augue lacinia. Ut nec dui quis erat pellentesque interdum. Nulla dignissim mi in orci venenatis condimentum. Vestibulum et odio dictum, elementum augue non, volutpat sapien. Morbi sit amet eros id lectus ultricies euismod. Suspendisse varius metus nec massa malesuada laoreet.

Round Split

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eu ipsum in purus bibendum placerat tincidunt molestie ipsum. Nullam placerat nulla a sagittis sagittis. Mauris at ipsum vel metus viverra ultricies.

Praesent nec neque cursus, congue neque et, tempor odio. Suspendisse non justo nec est aliquet semper. Cras sed neque sed lectus aliquam viverra vestibulum in ligula.

Round Edge

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lacinia neque a nulla bibendum hendrerit. Fusce eget dolor congue, ultrices tortor at, fermentum risus. Praesent ac mi quis dui tincidunt suscipit. Aliquam eu nisl ultrices, aliquet tortor faucibus, convallis magna. Morbi pulvinar elit a felis vulputate volutpat. Mauris sit amet nibh sagittis, elementum metus et, facilisis massa. Nunc ut nisl in lacus tempus interdum. Sed tristique urna non vehicula imperdiet.

Nulla semper ipsum sed sapien fringilla vehicula. Nunc eleifend tortor quis blandit pellentesque. Vestibulum non odio adipiscing nulla elementum semper eu porttitor orci. Phasellus tincidunt dolor a sapien fringilla lacinia. Vestibulum cursus ligula sed augue tempus, dictum interdum mi tempor. Praesent mattis nibh eu enim laoreet adipiscing.

Diamond Triple

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent a justo mattis, pellentesque lacus placerat, ornare est. Sed sed mi facilisis, pellentesque ipsum at, viverra purus. Pellentesque posuere neque sed dignissim gravida. Morbi varius dui non nulla pretium, at auctor augue sollicitudin.

Cras dignissim arcu id molestie blandit. Nullam ornare tellus vitae accumsan suscipit. Suspendisse sit amet ipsum placerat, dictum purus et, dignissim nunc. Sed quis augue vel ligula aliquet bibendum at a lectus. Etiam eget purus suscipit, ullamcorper orci eget, posuere purus. Maecenas blandit orci convallis mi accumsan, sed venenatis orci accumsan. Maecenas eu ipsum in purus bibendum placerat tincidunt molestie ipsum. Pellentesque sit amet quam nec tellus condimentum suscipit non et purus. Vestibulum id erat quis ante dictum consequat a sed dui. Curabitur sagittis justo id orci scelerisque, non sagittis nunc tincidunt. Suspendisse nec ipsum sed metus lacinia vestibulum.

Triangle Big Inverse

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac tortor eu est porttitor sodales in id odio. Vestibulum ut massa dapibus, aliquet magna lacinia, volutpat tellus. Suspendisse non justo nec est aliquet semper. Nulla sed lectus ac tellus rhoncus pellentesque.

Proin vel orci mattis nunc ullamcorper gravida et viverra orci. Phasellus sit amet odio sed leo laoreet consectetur. Nam cursus urna sit amet lacus laoreet, pulvinar laoreet lectus lobortis. Integer rutrum neque et massa aliquet ultricies. Praesent mollis lacus sit amet tortor malesuada placerat.

Curve Left/Right

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas a massa eu turpis suscipit sollicitudin vitae et tellus. Pellentesque sit amet quam nec tellus condimentum suscipit non et purus. Nam eget mi ut risus fermentum fringilla. Duis id lacus mollis, lacinia mauris eget, accumsan mi. Etiam lobortis diam sit amet facilisis dictum. Praesent et enim eu orci aliquam eleifend. Cras at eros iaculis, euismod nunc vitae, cursus erat. Aliquam posuere nisi ac consequat venenatis.

Mauris elementum sem ac condimentum tempor. Maecenas a dolor suscipit, sagittis nisl ac, rutrum tellus. Nunc fermentum tortor pulvinar, auctor arcu sit amet, molestie ligula.

Triangle Big Centered

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi egestas ipsum sit amet lorem porttitor eleifend. Etiam ornare felis sit amet purus tristique, in placerat velit faucibus. Vivamus ac tellus vitae nibh dapibus vulputate vitae quis urna. Nam eget mi ut risus fermentum fringilla.

Cras at dolor sed felis volutpat aliquet vel et enim. Sed scelerisque velit vel enim molestie porta. Etiam porttitor tellus sed mi vestibulum, sed ornare dui tempor. Duis varius lectus lobortis ipsum tempor, ut interdum eros facilisis. Curabitur blandit ante id nibh convallis, vel euismod velit commodo. Quisque fermentum enim nec felis scelerisque sodales. In ac lorem feugiat, molestie ligula ac, congue risus. Nam in est in tortor pretium posuere. Curabitur quis sem at massa fermentum egestas. Morbi sit amet massa nec elit lobortis dictum id at leo.

Circle

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In scelerisque sapien quis eros convallis imperdiet. Integer suscipit risus sed nisi sodales imperdiet eu id est. Ut mattis orci pharetra, suscipit augue a, faucibus felis. Quisque ut dolor nec nulla ullamcorper vestibulum. In ultrices magna et auctor porta. Duis et dui ac orci dapibus imperdiet. Pellentesque ac sapien luctus est pellentesque cursus sed vitae lectus. Cras sed mauris non massa tincidunt viverra a consequat ligula. Donec et turpis posuere, euismod tortor at, sagittis massa.

Sed placerat est nec diam lobortis auctor. Proin non tortor venenatis nisl condimentum viverra sit amet eu ligula. Morbi sit amet eros id lectus ultricies euismod. Proin viverra dui a quam sagittis, vitae condimentum dolor consectetur. Cras pulvinar nibh vitae tellus pharetra dapibus. Maecenas quis lorem hendrerit, vulputate nulla et, mollis risus. Ut eu leo at libero tempor blandit.

Diamond

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eu mauris consectetur, accumsan leo in, venenatis nisi. Donec at nunc a arcu congue posuere. Suspendisse varius metus nec massa malesuada laoreet. In in nulla vel arcu bibendum aliquet. Vestibulum id erat quis ante dictum consequat a sed dui. Sed eu est ut diam aliquam eleifend sed eget neque. Nullam ornare tellus vitae accumsan suscipit. Nulla a metus quis ipsum tincidunt blandit vitae sit amet turpis. Nullam laoreet dui nec lorem vestibulum, nec viverra lacus bibendum.

Nunc eu mauris ac felis sodales lacinia. Proin accumsan diam tempus enim placerat, vel eleifend lectus dignissim. Morbi tincidunt justo vel felis interdum, quis pharetra libero porta. Proin ullamcorper diam et semper tristique. Nulla sed lectus ac tellus rhoncus pellentesque. Phasellus suscipit urna id mauris fringilla accumsan. Nunc fermentum tortor pulvinar, auctor arcu sit amet, molestie ligula. Vestibulum porttitor augue a sapien rhoncus, eget blandit dui mattis. Curabitur quis sem at massa fermentum egestas. Fusce sagittis metus in magna vulputate lobortis. Nulla ac dolor ultricies ligula vehicula consequat et et lectus. Curabitur imperdiet nisi a arcu bibendum dapibus.