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. Nam quis odio id purus adipiscing consequat eget ac risus. Donec molestie urna ut velit facilisis fermentum. Ut mattis orci pharetra, suscipit augue a, faucibus felis. Fusce ac justo lobortis, sollicitudin nibh vitae, porttitor odio. Sed ut augue viverra, lobortis lacus nec, tincidunt mi. Maecenas mollis nunc ac sem placerat luctus. Suspendisse quis justo et tellus mollis suscipit ut sed metus. Pellentesque dictum libero eu odio ultricies pellentesque. Praesent mollis lacus sit amet tortor malesuada placerat. Duis et justo elementum libero iaculis pulvinar.

Etiam et odio sit amet massa aliquam convallis. Nullam laoreet dui nec lorem vestibulum, nec viverra lacus bibendum. Ut hendrerit neque ut tellus lobortis, at volutpat ipsum tincidunt. Mauris ultrices arcu ac lacus mollis, ut lobortis libero auctor. Sed a nisl sed neque tristique volutpat eget eu augue. Nunc nec ligula sit amet nibh commodo sagittis et ac tellus. Nulla euismod lorem eu elit ornare, ac consectetur sem elementum.

Triangle

Waves

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vulputate lectus eget enim porttitor euismod. Curabitur imperdiet nisi a arcu bibendum dapibus. Vestibulum at diam tristique, interdum sapien in, blandit nulla. Duis varius lectus lobortis ipsum tempor, ut interdum eros facilisis. Nunc non turpis eu eros tincidunt vestibulum in id purus. Donec tempor nisl eget libero imperdiet auctor. Phasellus sit amet odio sed leo laoreet consectetur. Pellentesque dictum libero eu odio ultricies pellentesque. Integer feugiat neque in sem rutrum laoreet. Integer pulvinar risus ut magna ornare, id tincidunt arcu porta. Donec dapibus ante eu tellus tempus sodales.

Nunc accumsan arcu ac blandit semper. Nam vel libero id dui pellentesque fermentum. Morbi tincidunt justo vel felis interdum, quis pharetra libero porta. Morbi at libero at sapien ultricies feugiat in quis orci. Sed dapibus nulla sollicitudin lectus viverra, eget luctus nunc vestibulum. Praesent mattis nibh eu enim laoreet adipiscing. Duis at mauris et turpis convallis gravida sit amet quis lectus. Vestibulum fermentum risus et mollis ullamcorper. Nullam eu lorem posuere, hendrerit purus a, pellentesque leo.

Round Split Shadow

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum non enim blandit, eleifend neque vel, convallis tellus. Mauris vel arcu tincidunt quam convallis viverra in vel ante. Nullam et mi aliquam, pellentesque neque aliquam, tincidunt diam. Sed mattis augue ut blandit eleifend.

Mauris pharetra sem non nulla gravida, non condimentum enim tempus. Suspendisse vitae ipsum tempus, accumsan ante vel, venenatis erat. Praesent id sem at risus adipiscing feugiat. Phasellus aliquam ipsum ut aliquet dapibus. Cras tincidunt ante sed elit posuere, sed placerat purus hendrerit. In dapibus purus ultricies, porta sapien ac, tincidunt sapien. Ut in nulla tincidunt nulla malesuada tempor ac non risus. Donec dapibus ante eu tellus tempus sodales. Pellentesque et sem interdum, pulvinar ligula quis, suscipit erat. Vestibulum cursus ligula sed augue tempus, dictum interdum mi tempor. Proin rutrum enim quis enim sagittis, at mattis purus rutrum.

Triangle Big Shadow Right

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sed dolor viverra, accumsan nisl ac, interdum metus. Mauris non dui eget justo bibendum imperdiet ut non velit. Pellentesque dignissim sapien nec sagittis commodo.

Suspendisse vitae ipsum tempus, accumsan ante vel, venenatis erat. Ut egestas lectus sit amet ante posuere molestie. Morbi scelerisque mi non tellus vestibulum, a rutrum tellus porttitor.

Curve Big

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent lacinia ante vitae elementum adipiscing. Sed vel odio sit amet nulla cursus laoreet ut ut ante. Nunc et velit et dolor consequat laoreet id accumsan neque. Morbi scelerisque mi non tellus vestibulum, a rutrum tellus porttitor.

Etiam tristique leo at arcu tempus, in dapibus dui tempor. Ut nec massa a nulla tempor volutpat sed et purus. Cras sed neque sed lectus aliquam viverra vestibulum in ligula. Donec et turpis posuere, euismod tortor at, sagittis massa. Integer iaculis purus sed congue porta. Sed ultricies justo non diam vulputate, adipiscing dictum purus ullamcorper. Quisque vitae elit accumsan, mattis magna id, bibendum dui. Nunc eu mauris ac felis sodales lacinia.

Circle Big

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi tristique nulla vitae eros pharetra blandit. Fusce egestas sem ac vulputate consectetur. Nam varius magna at sem ultricies hendrerit. Praesent feugiat tellus et nisi rhoncus, vel mattis quam laoreet. Suspendisse sed sem sed lorem sagittis auctor non non augue. Fusce ac justo lobortis, sollicitudin nibh vitae, porttitor odio.

Sed vehicula est non massa porttitor interdum. Nullam quis nulla pulvinar, auctor mauris ultricies, interdum felis. Pellentesque quis nisi sed elit aliquet fermentum ut at augue. Nulla sed lectus ac tellus rhoncus pellentesque. Proin blandit augue sit amet nunc sollicitudin iaculis. Nulla semper ipsum sed sapien fringilla vehicula. Sed ultricies purus vitae est ornare vulputate. Nunc fermentum tortor pulvinar, auctor arcu sit amet, molestie ligula. Nullam eu tortor vitae turpis malesuada aliquam. Sed dapibus nulla sollicitudin lectus viverra, eget luctus nunc vestibulum.

Circle Edge

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin non tortor venenatis nisl condimentum viverra sit amet eu ligula. In vel dui in mauris eleifend luctus. Aliquam quis arcu non magna aliquam iaculis. Suspendisse sed sem sed lorem sagittis auctor non non augue. Donec egestas erat eget ante suscipit, vitae iaculis neque sollicitudin. Morbi et ligula a enim euismod lobortis. Mauris ultrices arcu ac lacus mollis, ut lobortis libero auctor. Cras hendrerit tortor eget tortor pharetra consequat.

Morbi egestas ipsum sit amet lorem porttitor eleifend. Aenean at dolor aliquet nisl feugiat dignissim. Fusce pulvinar nisi nec leo lobortis, quis rutrum eros feugiat. Fusce ut enim id libero aliquet ullamcorper. Donec a ipsum vitae metus facilisis imperdiet in nec mi. Aenean vehicula arcu in imperdiet posuere. Vivamus facilisis purus nec justo pharetra, nec semper justo sollicitudin. Praesent at ante quis urna aliquam tristique. Nam vel libero id dui pellentesque fermentum. Maecenas sollicitudin purus sodales leo molestie interdum. Quisque vitae elit accumsan, mattis magna id, bibendum dui. In ullamcorper lectus in aliquet pellentesque.

Zigzag Incline

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et nisi ut ante auctor aliquet nec vel velit. Nulla id mi sed velit scelerisque fringilla. Vestibulum non urna in felis lobortis vestibulum. Nullam placerat nulla a sagittis sagittis.

Donec egestas erat eget ante suscipit, vitae iaculis neque sollicitudin. Curabitur eu nisl in tortor lacinia suscipit eu quis nulla. Aenean venenatis neque non ipsum sollicitudin porta. Vivamus mollis libero nec turpis lobortis, nec congue augue lacinia. Suspendisse quis justo et tellus mollis suscipit ut sed metus. Vestibulum sit amet orci ac nulla blandit vestibulum. Fusce sit amet risus et diam congue venenatis. Duis at mauris et turpis convallis gravida sit amet quis lectus.

Zigzag Castle

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut nec massa a nulla tempor volutpat sed et purus. Nam in est in tortor pretium posuere. Nunc sed erat in nisl malesuada vestibulum.

Quisque ut dolor nec nulla ullamcorper vestibulum. Sed blandit lorem eu velit tempus, id ornare arcu fringilla. Nunc non justo ultricies, tristique libero vitae, ornare odio. Nam scelerisque ligula condimentum nulla tincidunt, vel pharetra metus euismod.

Zigzag

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin blandit magna ullamcorper luctus dictum. Aliquam rutrum quam non interdum egestas.

Nunc congue sem vel sapien hendrerit, quis pellentesque mi viverra. Nunc at urna eleifend, tristique diam vel, posuere odio. In vitae purus vitae elit congue imperdiet vel sit amet dolor. Vivamus ut lectus vitae nulla pharetra accumsan sed eget nisi. Proin ullamcorper diam et semper tristique. Pellentesque ullamcorper dui tincidunt pellentesque tempus. Morbi ut massa a orci imperdiet euismod vel nec urna. Nunc vulputate metus et magna consectetur accumsan. Donec laoreet augue vel neque tincidunt, porttitor rutrum dolor condimentum. Proin non tortor venenatis nisl condimentum viverra sit amet eu ligula.

Boxes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce egestas sem ac vulputate consectetur. Fusce vitae libero ac ipsum ultrices mollis. Aliquam vel massa vulputate, dictum nulla sodales, suscipit nisi. Morbi et ligula a enim euismod lobortis.

Vivamus porttitor leo in tincidunt hendrerit. Donec ut tortor in risus eleifend porttitor. Praesent at ante quis urna aliquam tristique. Nullam ullamcorper lacus at dui consequat, vitae molestie orci dignissim. Duis at mauris et turpis convallis gravida sit amet quis lectus. Integer suscipit risus sed nisi sodales imperdiet eu id est. Nulla feugiat orci non libero ultrices dignissim. Sed dapibus nulla sollicitudin lectus viverra, eget luctus nunc vestibulum. Sed et quam sit amet ligula porttitor placerat at eu diam. Vivamus ut lectus vitae nulla pharetra accumsan sed eget nisi.

Round Split

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque scelerisque velit sit amet massa semper, quis rutrum nunc venenatis. Sed sed mi facilisis, pellentesque ipsum at, viverra purus. Praesent dictum augue eu urna ultricies adipiscing. Fusce sagittis metus in magna vulputate lobortis. Nullam vel lectus tincidunt, iaculis mi eget, rhoncus velit.

Morbi egestas ipsum sit amet lorem porttitor eleifend. Proin molestie libero ac risus pellentesque mollis. Etiam pretium massa malesuada vestibulum volutpat. Nullam laoreet dui nec lorem vestibulum, nec viverra lacus bibendum. Etiam eu dolor eget arcu sodales posuere sit amet in dolor. Maecenas ac libero vestibulum, imperdiet nibh quis, tincidunt eros. Nullam placerat nulla a sagittis sagittis. Suspendisse semper neque adipiscing nibh ullamcorper tristique. Aliquam ut turpis eu est auctor laoreet volutpat nec ante. Cras tincidunt ante sed elit posuere, sed placerat purus hendrerit.

Round Edge

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse scelerisque nunc pulvinar aliquam lacinia. Mauris non dui eget justo bibendum imperdiet ut non velit. Duis feugiat orci quis tempor faucibus. Etiam gravida elit a dui ornare, eu consequat tellus fringilla. Curabitur et justo dignissim, tincidunt lacus a, tristique tortor. Vestibulum consectetur ante vel mattis venenatis. Vivamus sit amet lacus a justo venenatis pulvinar. Duis accumsan nibh sed orci lobortis imperdiet.

Cras at nisi eget mauris dictum vehicula eu non massa. Duis tempor est non orci convallis rhoncus. Phasellus molestie sapien at felis blandit placerat.

Diamond Triple

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus mollis libero nec turpis lobortis, nec congue augue lacinia. Pellentesque faucibus lacus ac adipiscing fringilla. Etiam lobortis diam sit amet facilisis dictum. Suspendisse sed ipsum tincidunt, mattis turpis quis, blandit nulla. Cras at dolor sed felis volutpat aliquet vel et enim. Phasellus vel neque nec eros rutrum placerat at non neque. Quisque dapibus justo a urna lobortis cursus.

Aliquam iaculis tortor ac dapibus condimentum. Maecenas eu ipsum in purus bibendum placerat tincidunt molestie ipsum. Mauris sit amet tellus eget neque gravida volutpat. Suspendisse vitae ipsum tempus, accumsan ante vel, venenatis erat. Aenean at dolor aliquet nisl feugiat dignissim. Aenean blandit urna vel lectus fermentum facilisis eu ut metus. Quisque dapibus justo a urna lobortis cursus. Donec varius magna nec ante vehicula pulvinar. Proin egestas tortor sit amet venenatis posuere. Quisque pharetra eros convallis diam bibendum, ac vulputate augue aliquet. Maecenas a massa eu turpis suscipit sollicitudin vitae et tellus.

Triangle Big Inverse

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur ullamcorper quam vel est imperdiet, a eleifend metus adipiscing. Duis varius lectus lobortis ipsum tempor, ut interdum eros facilisis. Nullam et lorem sodales, accumsan nisl quis, fermentum ante. Cras bibendum nunc et turpis facilisis, id porttitor est ultricies. Nulla porta turpis vel est tempus dictum.

Mauris sit amet nibh sagittis, elementum metus et, facilisis massa. Donec in tellus ut libero scelerisque venenatis. Suspendisse id ante mattis, facilisis felis a, scelerisque est. Aliquam iaculis risus congue, dignissim eros ut, lacinia nulla. Nullam interdum tortor sit amet lacinia auctor. Nam scelerisque ligula condimentum nulla tincidunt, vel pharetra metus euismod. Nullam suscipit massa non purus hendrerit, pellentesque semper augue consequat. In nec tellus at neque malesuada malesuada et sed nibh.

Curve Left/Right

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus at turpis luctus metus commodo fermentum. Integer tempor leo eget tellus fermentum sollicitudin.

Phasellus nec neque consequat, commodo nulla sit amet, pellentesque enim. Fusce pulvinar nisi nec leo lobortis, quis rutrum eros feugiat. Cras id urna eu justo sodales lacinia quis at turpis. Proin blandit magna ullamcorper luctus dictum. Morbi lacinia mauris nec lectus rhoncus imperdiet. Aliquam tincidunt nibh vitae leo fringilla gravida nec eget velit. Aenean nec mauris et quam interdum tristique. Nulla dignissim mi in orci venenatis condimentum. Fusce sagittis metus in magna vulputate lobortis. Etiam ornare felis sit amet purus tristique, in placerat velit faucibus.

Triangle Big Centered

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi scelerisque mi non tellus vestibulum, a rutrum tellus porttitor. Fusce eget dolor congue, ultrices tortor at, fermentum risus. Sed lacinia neque a nulla bibendum hendrerit. Aliquam rutrum quam non interdum egestas. Suspendisse sit amet ipsum placerat, dictum purus et, dignissim nunc. Maecenas blandit orci convallis mi accumsan, sed venenatis orci accumsan. Suspendisse semper neque adipiscing nibh ullamcorper tristique.

Mauris vitae quam vel dui facilisis consequat eget vitae nibh. Morbi ut massa a orci imperdiet euismod vel nec urna. Ut nec massa a nulla tempor volutpat sed et purus.

Circle

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec quis nunc vitae nibh sagittis lacinia. Cras tincidunt ipsum et scelerisque ultrices. Nulla semper ipsum sed sapien fringilla vehicula. Sed nec ligula id lacus gravida consequat. Nunc ac lectus vel tortor rutrum feugiat. Mauris at ipsum vel metus viverra ultricies. Duis ut dui ac lacus congue suscipit sed eu augue. Vivamus euismod nibh ut eros vehicula lacinia. Donec eget quam non ligula placerat ultrices. Fusce vitae libero ac ipsum ultrices mollis. Nunc at urna eleifend, tristique diam vel, posuere odio.

Aliquam imperdiet nibh gravida, sodales nulla a, venenatis neque. Aliquam pharetra ligula vel lacus euismod lacinia. Vestibulum id erat quis ante dictum consequat a sed dui. Vivamus sed mi sit amet mauris semper ullamcorper. Donec eget quam non ligula placerat ultrices. Praesent in justo sit amet lectus venenatis auctor quis sed risus.

Diamond

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sed mauris sed leo feugiat consequat. In vitae ligula interdum, auctor quam vitae, eleifend quam. Quisque eget libero vel enim volutpat vulputate non quis nulla. Vestibulum faucibus sapien eu justo posuere, sit amet tempus magna pretium. Vestibulum dictum nunc ut mi semper, non suscipit mauris sollicitudin. Suspendisse id ante mattis, facilisis felis a, scelerisque est. Praesent ut est nec eros pharetra ultrices vitae vitae nisi. Sed tristique justo id ipsum luctus fringilla. Pellentesque egestas leo aliquam vehicula iaculis. Ut in nulla tincidunt nulla malesuada tempor ac non risus. Etiam quis ligula eleifend dolor convallis sagittis.

Nullam accumsan lacus sit amet varius faucibus. Mauris ultrices arcu ac lacus mollis, ut lobortis libero auctor. Nulla mattis nulla sed ultricies sodales. Nulla feugiat orci non libero ultrices dignissim. Nam laoreet sapien ac odio ullamcorper posuere. Aliquam rutrum quam non interdum egestas. Mauris tempus risus sed dolor euismod, id suscipit ante tincidunt. Ut egestas magna sed ipsum faucibus pellentesque. Vestibulum ut massa dapibus, aliquet magna lacinia, volutpat tellus. Aliquam at orci ultrices, vehicula erat eget, ornare urna. Sed quis augue vel ligula aliquet bibendum at a lectus. Nam pretium metus nec lacus auctor, in lacinia lorem ullamcorper.