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. Nulla mattis nulla sed ultricies sodales. Aliquam dapibus metus vitae libero sollicitudin, vel sodales sapien tristique. Duis molestie magna sit amet lacinia commodo. Nam ac quam mattis, auctor erat eu, sollicitudin est. Phasellus varius justo viverra, scelerisque nunc vitae, dapibus lorem. Nulla porta turpis vel est tempus dictum.

Donec euismod purus id blandit faucibus. Etiam fermentum erat quis adipiscing ornare. Nam ac dolor et lorem euismod aliquet. Vivamus ut lectus vitae nulla pharetra accumsan sed eget nisi. Suspendisse vitae erat ut lorem scelerisque venenatis.

Triangle

Waves

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras sit amet eros eget augue ornare posuere ac vel odio. Nulla sed lectus ac tellus rhoncus pellentesque. Aliquam sagittis leo eu sodales tristique. In ultrices magna et auctor porta. Integer pulvinar risus ut magna ornare, id tincidunt arcu porta. Phasellus commodo dolor a mi condimentum tristique. Sed id leo dictum, hendrerit urna vitae, ullamcorper felis. Vestibulum et odio dictum, elementum augue non, volutpat sapien. Mauris a eros placerat, sodales erat sed, hendrerit erat.

Sed a elit lobortis, facilisis risus vel, fringilla enim. Phasellus quis lectus sit amet libero tincidunt lobortis. Vivamus euismod nibh ut eros vehicula lacinia. Quisque molestie tortor quis enim suscipit convallis. Proin vitae ipsum et nisl tristique posuere. Pellentesque posuere neque sed dignissim gravida. Nullam et lacus non enim cursus varius eget vitae ante. Ut egestas lectus sit amet ante posuere molestie. Etiam vulputate lectus eget enim porttitor euismod. Quisque tempor metus vel nisl mollis, sit amet sollicitudin elit pretium. Quisque feugiat sem nec nisi sodales ullamcorper.

Round Split Shadow

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla dignissim mi in orci venenatis condimentum. Quisque ac orci condimentum, suscipit nibh vitae, viverra elit. Duis accumsan risus quis metus dapibus bibendum. Nulla id mi sed velit scelerisque fringilla. Quisque ac orci condimentum, suscipit nibh vitae, viverra elit. Etiam quis ligula eleifend dolor convallis sagittis. Duis varius felis nec lectus ornare ultricies.

Duis varius felis nec lectus ornare ultricies. In quis velit scelerisque, tincidunt tellus vitae, scelerisque nibh. Sed blandit lorem eu velit tempus, id ornare arcu fringilla. Praesent feugiat tellus et nisi rhoncus, vel mattis quam laoreet. Aliquam eu nisl ultrices, aliquet tortor faucibus, convallis magna. Sed vitae risus sit amet nisl molestie iaculis. Mauris vel nisi feugiat, condimentum est vel, eleifend diam. Quisque ac turpis sit amet nibh ultricies egestas quis quis neque.

Triangle Big Shadow Right

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec at nunc a arcu congue posuere. Quisque ac arcu ut magna semper eleifend. Proin blandit augue sit amet nunc sollicitudin iaculis. Phasellus vel neque nec eros rutrum placerat at non neque. Suspendisse ac risus nec velit faucibus pellentesque sit amet ac ipsum. Integer feugiat neque in sem rutrum laoreet. Nullam eu lorem posuere, hendrerit purus a, pellentesque leo. Fusce tristique dolor nec turpis euismod, a tempus arcu elementum. Cras sed mauris non massa tincidunt viverra a consequat ligula.

Donec dapibus ante eu tellus tempus sodales. Proin ultricies massa vitae nisl ultrices imperdiet. Ut in nulla tincidunt nulla malesuada tempor ac non risus. Phasellus sollicitudin sapien facilisis augue dapibus varius. Aliquam pretium justo id orci porta, ut tincidunt ipsum iaculis. Etiam tristique leo at arcu tempus, in dapibus dui tempor.

Curve Big

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et nisi ut ante auctor aliquet nec vel velit. Proin non tortor venenatis nisl condimentum viverra sit amet eu ligula. Donec quis enim egestas, pharetra ipsum vel, rutrum turpis. Proin blandit magna ullamcorper luctus dictum. Sed ultricies purus vitae est ornare vulputate. Proin vel orci mattis nunc ullamcorper gravida et viverra orci. Sed vitae lectus dapibus, consequat nulla sit amet, gravida arcu. In dapibus purus ultricies, porta sapien ac, tincidunt sapien.

Sed tristique justo id ipsum luctus fringilla. Ut nec massa a nulla tempor volutpat sed et purus. Aliquam pharetra ligula vel lacus euismod lacinia. Integer suscipit risus sed nisi sodales imperdiet eu id est. Sed at turpis sed justo tincidunt blandit. Pellentesque dignissim sapien nec sagittis commodo. Curabitur varius odio a adipiscing tempor. Nunc nec ligula sit amet nibh commodo sagittis et ac tellus. Aliquam dapibus metus vitae libero sollicitudin, vel sodales sapien tristique. Maecenas blandit orci convallis mi accumsan, sed venenatis orci accumsan.

Circle Big

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent a sapien nec enim rutrum ultrices in adipiscing augue. Nullam et lacus non enim cursus varius eget vitae ante. Vivamus iaculis dolor consequat, euismod orci in, egestas ante. Nulla ac tortor hendrerit felis accumsan pulvinar. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris a eros placerat, sodales erat sed, hendrerit erat.

Pellentesque id dolor interdum, fermentum ligula id, pretium urna. Donec ac erat non lectus sollicitudin luctus imperdiet eu velit. Quisque sed erat eu orci ultrices vestibulum. Suspendisse sed mauris sed leo feugiat consequat. Etiam quis ligula eleifend dolor convallis sagittis. Mauris vitae quam vel dui facilisis consequat eget vitae nibh.

Circle Edge

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum imperdiet urna vitae sapien faucibus porttitor. Aenean tristique lacus non vestibulum hendrerit. Vivamus suscipit magna vitae placerat dapibus. Nulla ac dolor ultricies ligula vehicula consequat et et lectus. Nulla porta turpis vel est tempus dictum.

Donec laoreet augue vel neque tincidunt, porttitor rutrum dolor condimentum. Nullam quis nulla pulvinar, auctor mauris ultricies, interdum felis. Nunc vitae metus nec nulla iaculis dictum nec in nunc. Sed lacinia neque a nulla bibendum hendrerit. Praesent at ante quis urna aliquam tristique. Nullam ullamcorper lacus at dui consequat, vitae molestie orci dignissim. Donec egestas erat eget ante suscipit, vitae iaculis neque sollicitudin. In in nulla vel arcu bibendum aliquet. Quisque ut dolor nec nulla ullamcorper vestibulum. Nunc non justo ultricies, tristique libero vitae, ornare odio. Phasellus non lacus convallis, ultrices purus eget, molestie risus.

Zigzag Incline

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus quis lectus sit amet libero tincidunt lobortis. Nam non mi ut orci commodo bibendum. Ut mattis orci pharetra, suscipit augue a, faucibus felis. Nam laoreet sapien ac odio ullamcorper posuere. Mauris at ipsum vel metus viverra ultricies. Donec at nunc a arcu congue posuere. Etiam porttitor tellus sed mi vestibulum, sed ornare dui tempor. Sed malesuada libero eget viverra tristique.

Fusce tristique dui et nisi hendrerit ultrices. Nunc accumsan arcu ac blandit semper. Morbi varius dui non nulla pretium, at auctor augue sollicitudin.

Zigzag Castle

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vestibulum tortor volutpat orci tincidunt suscipit eget quis lorem. Morbi vehicula mi sed lacus commodo, aliquet eleifend odio tristique.

Duis consectetur est eget mi consectetur, sed dignissim mauris lacinia. Etiam lobortis diam sit amet facilisis dictum. Donec feugiat justo sed odio accumsan, sit amet placerat tortor laoreet. Phasellus nec neque consequat, commodo nulla sit amet, pellentesque enim. Pellentesque sit amet quam nec tellus condimentum suscipit non et purus. Mauris rhoncus leo id enim venenatis consequat. Ut sed nunc venenatis, interdum nisi non, tristique velit. Cras in ante et erat porta luctus. Cras eu neque sodales, ultricies lectus nec, laoreet est. Cras sit amet eros eget augue ornare posuere ac vel odio. Phasellus eu mi quis nibh consectetur auctor. Aliquam rutrum quam non interdum egestas.

Zigzag

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec feugiat justo sed odio accumsan, sit amet placerat tortor laoreet. Etiam et odio sit amet massa aliquam convallis. Integer eget sem aliquet, laoreet tortor sit amet, fringilla lorem. Proin egestas tortor sit amet venenatis posuere. Ut condimentum lacus eu felis placerat, in adipiscing turpis sollicitudin. Vestibulum fermentum risus et mollis ullamcorper. Nullam interdum tortor sit amet lacinia auctor. Aliquam sagittis leo eu sodales tristique. Cras at dolor sed felis volutpat aliquet vel et enim. Sed ut augue viverra, lobortis lacus nec, tincidunt mi.

Sed tristique justo id ipsum luctus fringilla. Duis consectetur est eget mi consectetur, sed dignissim mauris lacinia. Curabitur sagittis justo id orci scelerisque, non sagittis nunc tincidunt. Duis semper purus ac arcu ullamcorper blandit. Aenean blandit urna vel lectus fermentum facilisis eu ut metus.

Boxes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque semper nibh ac magna dapibus, eget sollicitudin risus condimentum. Nunc non turpis eu eros tincidunt vestibulum in id purus. Fusce sagittis libero id lorem imperdiet, ac euismod ipsum venenatis. Nam ac dolor et lorem euismod aliquet. Maecenas consequat mi quis erat vehicula, vel egestas diam condimentum. Nunc eleifend tortor quis blandit pellentesque. Cras sit amet orci vulputate, tempus massa eget, rhoncus eros.

Duis varius lectus lobortis ipsum tempor, ut interdum eros facilisis. Etiam gravida elit a dui ornare, eu consequat tellus fringilla. Nunc non turpis eu eros tincidunt vestibulum in id purus. Fusce a odio sollicitudin, euismod ipsum at, pellentesque leo. Donec at massa id leo imperdiet tincidunt id at ipsum. Pellentesque consectetur mauris sed est porttitor, at imperdiet erat laoreet. Maecenas a dolor suscipit, sagittis nisl ac, rutrum tellus. Praesent at massa tincidunt, malesuada sem sed, mattis lorem. Cras sit amet orci vulputate, tempus massa eget, rhoncus eros. Proin vitae ipsum et nisl tristique posuere.

Round Split

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus at turpis luctus metus commodo fermentum. Duis id lacus mollis, lacinia mauris eget, accumsan mi. Morbi sit amet massa nec elit lobortis dictum id at leo. Vestibulum vitae dui non diam tincidunt malesuada. Aliquam viverra eros quis cursus sagittis. Donec in tellus ut libero scelerisque venenatis. Donec quis dolor congue, consequat nibh ac, auctor nibh.

Vestibulum imperdiet urna vitae sapien faucibus porttitor. Proin ullamcorper diam et semper tristique. Nullam laoreet dui nec lorem vestibulum, nec viverra lacus bibendum. Mauris rhoncus leo id enim venenatis consequat. Etiam venenatis massa a turpis vulputate pharetra. Nullam non lorem mollis, cursus libero non, consectetur erat. Quisque quis nibh commodo, ornare nisi eu, fringilla urna. Donec tempor nisl eget libero imperdiet auctor. Nunc molestie dui eget accumsan mattis. Proin egestas tortor sit amet venenatis posuere.

Round Edge

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum at diam tristique, interdum sapien in, blandit nulla. Suspendisse sed sem sed lorem sagittis auctor non non augue. Donec egestas erat eget ante suscipit, vitae iaculis neque sollicitudin. Phasellus suscipit urna id mauris fringilla accumsan. Mauris porta nulla et tortor convallis, id posuere est rutrum. Aliquam lobortis elit laoreet, pharetra quam ut, fermentum nisl. Nulla ac dolor ultricies ligula vehicula consequat et et lectus. Donec tincidunt erat in vestibulum interdum. Quisque tempor metus vel nisl mollis, sit amet sollicitudin elit pretium. Quisque ac arcu ut magna semper eleifend. Vestibulum fermentum risus et mollis ullamcorper.

Nulla euismod lorem eu elit ornare, ac consectetur sem elementum. Praesent et enim eu orci aliquam eleifend. Donec in tellus ut libero scelerisque venenatis. Aliquam iaculis risus congue, dignissim eros ut, lacinia nulla. Suspendisse vitae ipsum tempus, accumsan ante vel, venenatis erat.

Diamond Triple

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque dictum libero eu odio ultricies pellentesque. Donec semper arcu eget porta accumsan. Nunc vestibulum tortor volutpat orci tincidunt suscipit eget quis lorem. Phasellus eleifend massa at euismod rutrum. In ac lorem feugiat, molestie ligula ac, congue risus.

Proin non tortor venenatis nisl condimentum viverra sit amet eu ligula. Nulla porta turpis vel est tempus dictum. Donec ut tortor in risus eleifend porttitor. Phasellus varius justo viverra, scelerisque nunc vitae, dapibus lorem. Vivamus sit amet lacus a justo venenatis pulvinar. Fusce egestas sem ac vulputate consectetur. Integer rutrum neque et massa aliquet ultricies. Nullam eu tortor vitae turpis malesuada aliquam. Integer congue sapien id nibh mattis interdum. Pellentesque sit amet quam nec tellus condimentum suscipit non et purus.

Triangle Big Inverse

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis molestie magna sit amet lacinia commodo. Maecenas sollicitudin purus sodales leo molestie interdum. Nunc sit amet arcu ultricies, sodales arcu sit amet, facilisis tortor. Nam eget mi ut risus fermentum fringilla. Donec ac erat non lectus sollicitudin luctus imperdiet eu velit. Maecenas facilisis augue et nisi ullamcorper condimentum.

Nunc vulputate metus et magna consectetur accumsan. Curabitur imperdiet nisi a arcu bibendum dapibus. Vestibulum et odio dictum, elementum augue non, volutpat sapien. Cras fringilla enim sed ante laoreet, eu dapibus mauris iaculis. In nec tellus at neque malesuada malesuada et sed nibh. Pellentesque dignissim sapien nec sagittis commodo. Quisque pharetra eros convallis diam bibendum, ac vulputate augue aliquet. Quisque fermentum enim nec felis scelerisque sodales. Nam vel libero id dui pellentesque fermentum. In vitae diam ac risus sodales sagittis vel sed tortor. Integer pulvinar risus ut magna ornare, id tincidunt arcu porta.

Curve Left/Right

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas blandit orci convallis mi accumsan, sed venenatis orci accumsan. Maecenas mollis nunc ac sem placerat luctus. Donec semper arcu eget porta accumsan. Pellentesque ullamcorper dui tincidunt pellentesque tempus. Vestibulum ut lacus vitae urna faucibus sollicitudin. Nulla eu justo vitae diam bibendum volutpat vitae sit amet leo. Mauris at ipsum vel metus viverra ultricies. Proin eu sem sit amet libero tristique accumsan in non dui. Aenean quis nulla vel dolor blandit mattis et vel sem. Donec eget quam non ligula placerat ultrices. Mauris quis ante sed mauris porta lacinia sed a dui.

Donec quis nunc vitae nibh sagittis lacinia. Nulla egestas ipsum nec turpis auctor, id suscipit nulla tempor. Integer suscipit risus sed nisi sodales imperdiet eu id est. Integer eget sem aliquet, laoreet tortor sit amet, fringilla lorem.

Triangle Big Centered

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean tristique lacus non vestibulum hendrerit. In dapibus purus ultricies, porta sapien ac, tincidunt sapien. Quisque pharetra eros convallis diam bibendum, ac vulputate augue aliquet.

Cras laoreet diam ac mauris placerat sollicitudin. Curabitur sagittis justo id orci scelerisque, non sagittis nunc tincidunt. Duis accumsan nibh sed orci lobortis imperdiet. Donec at nunc a arcu congue posuere. Nulla id mi sed velit scelerisque fringilla. Curabitur blandit elit nec ipsum dapibus suscipit. Donec feugiat justo sed odio accumsan, sit amet placerat tortor laoreet. Cras et velit in ante gravida elementum et molestie ipsum.

Circle

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ac tortor hendrerit felis accumsan pulvinar. Nunc sed erat in nisl malesuada vestibulum. Nam ac quam mattis, auctor erat eu, sollicitudin est. In quis velit scelerisque, tincidunt tellus vitae, scelerisque nibh. Cras sit amet orci vulputate, tempus massa eget, rhoncus eros. Quisque tempus leo quis tempus hendrerit. Vivamus accumsan nisl adipiscing sem sollicitudin ultricies. Pellentesque quis lacus laoreet, eleifend nisl sed, facilisis mauris. Curabitur imperdiet nisi a arcu bibendum dapibus. Vestibulum porttitor augue a sapien rhoncus, eget blandit dui mattis.

Aliquam mollis magna elementum, dapibus leo ac, mollis metus. Vivamus porttitor leo in tincidunt hendrerit. Phasellus nec neque consequat, commodo nulla sit amet, pellentesque enim. Fusce eget dolor congue, ultrices tortor at, fermentum risus.

Diamond

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam iaculis risus congue, dignissim eros ut, lacinia nulla. Pellentesque bibendum mauris at diam pretium, sit amet tempor tortor ultricies. Suspendisse sit amet ipsum placerat, dictum purus et, dignissim nunc. Pellentesque posuere neque sed dignissim gravida. Mauris non dui eget justo bibendum imperdiet ut non velit. Phasellus varius justo viverra, scelerisque nunc vitae, dapibus lorem. Suspendisse varius metus nec massa malesuada laoreet. Aliquam iaculis tortor ac dapibus condimentum. Quisque eget libero vel enim volutpat vulputate non quis nulla.

Maecenas vestibulum lectus eu dui elementum, non porta magna dictum. Proin accumsan diam tempus enim placerat, vel eleifend lectus dignissim. Vestibulum fermentum risus et mollis ullamcorper. Etiam porttitor tellus sed mi vestibulum, sed ornare dui tempor. Integer suscipit risus sed nisi sodales imperdiet eu id est. Nulla semper ipsum sed sapien fringilla vehicula.