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 id mi sed velit scelerisque fringilla. Pellentesque faucibus lacus ac adipiscing fringilla. Mauris pharetra sem non nulla gravida, non condimentum enim tempus.

In dapibus purus ultricies, porta sapien ac, tincidunt sapien. Suspendisse id ante mattis, facilisis felis a, scelerisque est. Donec euismod purus id blandit faucibus. Maecenas vestibulum lectus eu dui elementum, non porta magna dictum. Quisque vitae elit accumsan, mattis magna id, bibendum dui.

Triangle

Waves

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi lacinia mauris nec lectus rhoncus imperdiet. Nam pretium metus nec lacus auctor, in lacinia lorem ullamcorper. Mauris porttitor sapien eget nibh imperdiet, sed ultrices enim porta. Cras sit amet orci vulputate, tempus massa eget, rhoncus eros. Quisque vitae metus luctus, tempus nulla at, ullamcorper lectus. In ultrices magna et auctor porta. Mauris vel nisi feugiat, condimentum est vel, eleifend diam. Nunc congue sem vel sapien hendrerit, quis pellentesque mi viverra. Aenean at dolor aliquet nisl feugiat dignissim. Nulla porta turpis vel est tempus dictum.

Phasellus varius justo viverra, scelerisque nunc vitae, dapibus lorem. Vivamus placerat odio non sem cursus, at sodales tortor tincidunt. In vitae purus vitae elit congue imperdiet vel sit amet dolor. Proin adipiscing quam facilisis lectus tristique, id euismod sem interdum.

Round Split Shadow

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam suscipit massa non purus hendrerit, pellentesque semper augue consequat. Aliquam lobortis elit laoreet, pharetra quam ut, fermentum nisl. Praesent at massa tincidunt, malesuada sem sed, mattis lorem. Etiam vulputate lectus eget enim porttitor euismod. Cras in ante et erat porta luctus. Fusce vitae libero ac ipsum ultrices mollis. Curabitur eu nisl in tortor lacinia suscipit eu quis nulla. Donec feugiat justo sed odio accumsan, sit amet placerat tortor laoreet.

Quisque pharetra eros convallis diam bibendum, ac vulputate augue aliquet. In convallis velit tincidunt eleifend vulputate. Praesent mollis lacus sit amet tortor malesuada placerat. Vestibulum ut lacus vitae urna faucibus sollicitudin. Aliquam quis arcu non magna aliquam iaculis. Morbi vitae sem eu lacus laoreet scelerisque ac a dui. Etiam vulputate lectus eget enim porttitor euismod. Nullam eget metus sed velit laoreet viverra eu a augue. Aliquam dapibus metus vitae libero sollicitudin, vel sodales sapien tristique. Donec ac erat non lectus sollicitudin luctus imperdiet eu velit. Proin accumsan diam tempus enim placerat, vel eleifend lectus dignissim.

Triangle Big Shadow Right

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla id mi sed velit scelerisque fringilla. Proin ullamcorper diam et semper tristique. Praesent porta tellus ac tortor dapibus, non faucibus ligula malesuada. Proin quis magna nec nisl lacinia vulputate.

Aenean at dolor aliquet nisl feugiat dignissim. Phasellus commodo dolor a mi condimentum tristique. Cras dignissim arcu id molestie blandit. Ut egestas lectus sit amet ante posuere molestie. Aliquam viverra eros quis cursus sagittis. Vivamus ac leo mollis, posuere sapien id, accumsan sapien. Nulla a metus quis ipsum tincidunt blandit vitae sit amet turpis. Aenean at dolor aliquet nisl feugiat dignissim.

Curve Big

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent at massa tincidunt, malesuada sem sed, mattis lorem. Aenean vitae nisi id nulla tristique egestas at eget odio. Cras sit amet mi eu sem congue fringilla. Proin ut lacus ac mi sollicitudin interdum. Donec egestas erat eget ante suscipit, vitae iaculis neque sollicitudin. Pellentesque dignissim sapien nec sagittis commodo. Morbi pulvinar elit a felis vulputate volutpat. Cras et velit in ante gravida elementum et molestie ipsum. Nunc molestie dui eget accumsan mattis.

Maecenas sollicitudin purus sodales leo molestie interdum. Integer pulvinar risus ut magna ornare, id tincidunt arcu porta. Pellentesque et sem interdum, pulvinar ligula quis, suscipit erat. Vivamus placerat odio non sem cursus, at sodales tortor tincidunt. Sed ultricies justo non diam vulputate, adipiscing dictum purus ullamcorper. Quisque fermentum enim nec felis scelerisque sodales. Nullam ullamcorper lacus at dui consequat, vitae molestie orci dignissim. Aenean venenatis neque non ipsum sollicitudin porta.

Circle Big

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam varius magna at sem ultricies hendrerit. Suspendisse vitae erat ut lorem scelerisque venenatis. Etiam porttitor tellus sed mi vestibulum, sed ornare dui tempor. Pellentesque sit amet urna eget nisl luctus tristique at non odio.

In dapibus purus ultricies, porta sapien ac, tincidunt sapien. In egestas ipsum at ante suscipit, ac posuere metus elementum. In ullamcorper lectus in aliquet pellentesque. Cras sit amet orci vulputate, tempus massa eget, rhoncus eros. Cras sit amet mi eu sem congue fringilla. Cras at nisi eget mauris dictum vehicula eu non massa. In feugiat lacus et velit ultrices volutpat. Morbi tincidunt justo vel felis interdum, quis pharetra libero porta.

Circle Edge

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam in est in tortor pretium posuere. Nulla sed lorem dignissim, blandit ipsum ac, sollicitudin elit. Nulla id mi sed velit scelerisque fringilla. Phasellus tincidunt dolor a sapien fringilla lacinia. Integer suscipit risus sed nisi sodales imperdiet eu id est. Aliquam iaculis risus congue, dignissim eros ut, lacinia nulla. Ut egestas magna sed ipsum faucibus pellentesque.

Cras hendrerit tortor eget tortor pharetra consequat. Mauris porta nulla et tortor convallis, id posuere est rutrum. Etiam ornare felis sit amet purus tristique, in placerat velit faucibus. Pellentesque et sem interdum, pulvinar ligula quis, suscipit erat. Quisque rutrum libero vitae ullamcorper consequat. Nullam ornare tellus vitae accumsan suscipit. Vestibulum porta justo a velit porttitor tincidunt. Nulla dignissim mi in orci venenatis condimentum. Aliquam eleifend nibh eget arcu ornare dapibus dignissim fringilla nibh.

Zigzag Incline

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum porttitor augue a sapien rhoncus, eget blandit dui mattis. Nulla id mi sed velit scelerisque fringilla. Donec ac erat non lectus sollicitudin luctus imperdiet eu velit. Nunc non justo ultricies, tristique libero vitae, ornare odio. Suspendisse vitae ipsum tempus, accumsan ante vel, venenatis erat. Suspendisse quis justo et tellus mollis suscipit ut sed metus. Donec porttitor ipsum ac facilisis mattis.

Fusce ut enim id libero aliquet ullamcorper. Proin ac mi sit amet mi tincidunt sagittis. Nulla ac tortor hendrerit felis accumsan pulvinar. Nulla euismod justo adipiscing ante porttitor adipiscing.

Zigzag Castle

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam varius magna at sem ultricies hendrerit. Etiam ornare felis sit amet purus tristique, in placerat velit faucibus. Vivamus placerat odio non sem cursus, at sodales tortor tincidunt. Praesent lacinia ante vitae elementum adipiscing.

Quisque consectetur felis non nulla accumsan tempor. Donec porttitor ipsum ac facilisis mattis. Proin ultricies quam quis nisi pharetra, ut malesuada nibh varius.

Zigzag

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent porta tellus ac tortor dapibus, non faucibus ligula malesuada. Nullam ullamcorper lacus at dui consequat, vitae molestie orci dignissim. Vestibulum imperdiet urna vitae sapien faucibus porttitor. Vestibulum porttitor augue a sapien rhoncus, eget blandit dui mattis. Suspendisse sit amet ipsum placerat, dictum purus et, dignissim nunc. Nulla feugiat orci non libero ultrices dignissim. Nulla mattis nulla sed ultricies sodales. Sed et quam sit amet ligula porttitor placerat at eu diam. Aliquam pharetra ligula vel lacus euismod lacinia. Vestibulum cursus ligula sed augue tempus, dictum interdum mi tempor. Donec pretium mi eget orci convallis faucibus.

Fusce sagittis metus in magna vulputate lobortis. Etiam pretium massa malesuada vestibulum volutpat. Suspendisse ac risus nec velit faucibus pellentesque sit amet ac ipsum. Quisque consectetur lorem sit amet nisi porttitor, sed bibendum nunc sodales. Nunc eu mauris ac felis sodales lacinia.

Boxes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ut enim vel mi sodales facilisis non id ipsum. Aliquam quis arcu non magna aliquam iaculis. In nec tellus at neque malesuada malesuada et sed nibh. Duis accumsan nibh sed orci lobortis imperdiet. Sed dapibus nulla sollicitudin lectus viverra, eget luctus nunc vestibulum. Vestibulum sit amet urna scelerisque, rutrum nisl vitae, aliquet lectus. Duis ornare sem nec mi euismod posuere. Nullam ornare tellus vitae accumsan suscipit.

Nullam vel lectus tincidunt, iaculis mi eget, rhoncus velit. Mauris varius turpis eget magna accumsan varius. Sed non dolor posuere, malesuada turpis vitae, consequat lectus. Proin vehicula turpis eu arcu venenatis condimentum. Fusce tristique dui et nisi hendrerit ultrices. Ut in nulla tincidunt nulla malesuada tempor ac non risus. Sed blandit lorem eu velit tempus, id ornare arcu fringilla. Mauris varius turpis eget magna accumsan varius.

Round Split

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ac sapien luctus est pellentesque cursus sed vitae lectus. Fusce sit amet risus et diam congue venenatis. Nulla ultricies magna a dui dapibus, non gravida urna imperdiet. Curabitur rutrum leo id dolor egestas ullamcorper. Etiam ornare felis sit amet purus tristique, in placerat velit faucibus. Praesent porta tellus ac tortor dapibus, non faucibus ligula malesuada.

In in nulla vel arcu bibendum aliquet. Pellentesque scelerisque velit sit amet massa semper, quis rutrum nunc venenatis. In feugiat lacus et velit ultrices volutpat. Nulla id mi sed velit scelerisque fringilla. Integer id velit scelerisque lectus eleifend mattis. Donec in tellus ut libero scelerisque venenatis. Vivamus suscipit magna vitae placerat dapibus. Pellentesque ac est consectetur, ornare lorem varius, sagittis ligula. Pellentesque egestas leo aliquam vehicula iaculis.

Round Edge

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur imperdiet nisi a arcu bibendum dapibus. Praesent in justo sit amet lectus venenatis auctor quis sed risus. Sed vitae lectus dapibus, consequat nulla sit amet, gravida arcu. Vivamus ac leo mollis, posuere sapien id, accumsan sapien. Quisque id massa imperdiet ante fringilla volutpat nec porta sem. Nunc fermentum tortor pulvinar, auctor arcu sit amet, molestie ligula. Nulla dictum purus in vehicula volutpat. Donec eget quam non ligula placerat ultrices. Morbi et ligula a enim euismod lobortis. Vestibulum non urna in felis lobortis vestibulum. Etiam commodo neque quis aliquam congue.

Pellentesque semper nibh ac magna dapibus, eget sollicitudin risus condimentum. Nam pretium metus nec lacus auctor, in lacinia lorem ullamcorper. Duis et justo elementum libero iaculis pulvinar. Nulla a metus quis ipsum tincidunt blandit vitae sit amet turpis. Ut egestas magna sed ipsum faucibus pellentesque. Sed vel dolor tempus, imperdiet erat in, varius orci. Donec egestas erat eget ante suscipit, vitae iaculis neque sollicitudin. Duis varius felis nec lectus ornare ultricies. Vestibulum non odio adipiscing nulla elementum semper eu porttitor orci. Aenean vitae nisi id nulla tristique egestas at eget odio. Nunc molestie dui eget accumsan mattis. Fusce ac justo lobortis, sollicitudin nibh vitae, porttitor odio.

Diamond Triple

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent interdum est sed rutrum dapibus. In vel dui in mauris eleifend luctus.

Duis consectetur est eget mi consectetur, sed dignissim mauris lacinia. Etiam et odio sit amet massa aliquam convallis. Fusce tristique est non ligula iaculis, et accumsan neque euismod. Aliquam viverra eros quis cursus sagittis.

Triangle Big Inverse

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi scelerisque mi non tellus vestibulum, a rutrum tellus porttitor. Nullam laoreet dui nec lorem vestibulum, nec viverra lacus bibendum. Sed interdum magna a nibh lacinia, in rhoncus ipsum porttitor. In scelerisque sapien quis eros convallis imperdiet. Nullam feugiat felis et massa accumsan, ut dictum nisl rhoncus. Aliquam iaculis tortor ac dapibus condimentum. Pellentesque egestas leo aliquam vehicula iaculis. Nam quis odio id purus adipiscing consequat eget ac risus. Quisque fermentum enim nec felis scelerisque sodales. Vestibulum imperdiet urna vitae sapien faucibus porttitor.

Maecenas a massa eu turpis suscipit sollicitudin vitae et tellus. Nullam accumsan lacus sit amet varius faucibus. Proin quis magna nec nisl lacinia vulputate. Quisque rutrum libero vitae ullamcorper consequat. Sed faucibus risus nec pharetra euismod. Proin non tortor venenatis nisl condimentum viverra sit amet eu ligula. Nam vel massa eleifend, pellentesque turpis a, ullamcorper erat. In vitae purus vitae elit congue imperdiet vel sit amet dolor. Phasellus non lacus convallis, ultrices purus eget, molestie risus.

Curve Left/Right

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec neque sed eros lobortis elementum eget quis elit. Nam in est in tortor pretium posuere. Praesent mollis lacus sit amet tortor malesuada placerat. Sed placerat est nec diam lobortis auctor. Sed ac sapien in sapien aliquet eleifend.

Donec semper arcu eget porta accumsan. Integer eu ligula blandit metus facilisis viverra. Sed eu est ut diam aliquam eleifend sed eget neque. Donec quis dolor congue, consequat nibh ac, auctor nibh. Cras tincidunt ante sed elit posuere, sed placerat purus hendrerit. Sed vitae lectus dapibus, consequat nulla sit amet, gravida arcu. Donec porta orci vestibulum commodo ullamcorper.

Triangle Big Centered

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce egestas sem ac vulputate consectetur. Integer congue sapien id nibh mattis interdum. Cras in ante et erat porta luctus. Pellentesque scelerisque velit sit amet massa semper, quis rutrum nunc venenatis. Nunc porta ante eu tellus venenatis suscipit.

Ut euismod urna et sapien sollicitudin, sed convallis dui hendrerit. Praesent ut est nec eros pharetra ultrices vitae vitae nisi. Fusce ac neque congue urna tristique scelerisque. Mauris quis ante sed mauris porta lacinia sed a dui. Pellentesque sit amet urna eget nisl luctus tristique at non odio. Aenean venenatis neque non ipsum sollicitudin porta. Nam in est in tortor pretium posuere. Morbi egestas ipsum sit amet lorem porttitor eleifend. Aliquam tincidunt nibh vitae leo fringilla gravida nec eget velit. Praesent dictum augue eu urna ultricies adipiscing.

Circle

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec quis enim egestas, pharetra ipsum vel, rutrum turpis. In in nulla vel arcu bibendum aliquet. In accumsan nunc venenatis convallis auctor. Praesent aliquam nisl et lacus fringilla dignissim. Proin ut lacus ac mi sollicitudin interdum. Morbi scelerisque mi non tellus vestibulum, a rutrum tellus porttitor.

Aliquam eu nisl ultrices, aliquet tortor faucibus, convallis magna. Nunc accumsan arcu ac blandit semper. Integer id velit scelerisque lectus eleifend mattis. Fusce tristique est non ligula iaculis, et accumsan neque euismod. Etiam gravida elit a dui ornare, eu consequat tellus fringilla. Nulla sed lectus ac tellus rhoncus pellentesque. Nunc ut nisl in lacus tempus interdum. Nunc non justo ultricies, tristique libero vitae, ornare odio. Nulla sed lectus ac tellus rhoncus pellentesque. In at augue ullamcorper, pellentesque arcu aliquet, ullamcorper turpis. Curabitur id risus vulputate, aliquet est id, tempus leo. Proin quis magna nec nisl lacinia vulputate.

Diamond

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer iaculis purus sed congue porta. Fusce a odio sollicitudin, euismod ipsum at, pellentesque leo. Curabitur blandit elit nec ipsum dapibus suscipit. Suspendisse sed ante tempus, lobortis massa quis, aliquet elit. Nulla euismod lorem eu elit ornare, ac consectetur sem elementum. Fusce pulvinar nisi nec leo lobortis, quis rutrum eros feugiat. Sed quis augue vel ligula aliquet bibendum at a lectus. Phasellus nec neque sed eros lobortis elementum eget quis elit. Vestibulum consectetur ante vel mattis venenatis. In dapibus purus ultricies, porta sapien ac, tincidunt sapien. Donec quis enim egestas, pharetra ipsum vel, rutrum turpis.

Vivamus suscipit magna vitae placerat dapibus. Proin egestas tortor sit amet venenatis posuere. Nullam quis nulla pulvinar, auctor mauris ultricies, interdum felis. Nullam vel lectus tincidunt, iaculis mi eget, rhoncus velit. Duis accumsan risus quis metus dapibus bibendum. Ut eu velit in nisl accumsan tempus.