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. Curabitur quis sem at massa fermentum egestas. Duis sed lectus in turpis rutrum bibendum sit amet a ante. Aenean vehicula arcu in imperdiet posuere.

Sed tristique urna non vehicula imperdiet. Nulla feugiat orci non libero ultrices dignissim. Nullam eget metus sed velit laoreet viverra eu a augue. Suspendisse nec sem non enim vehicula luctus eu eget nisi. Aliquam lobortis elit laoreet, pharetra quam ut, fermentum nisl. Praesent lacinia ante vitae elementum adipiscing. Nam posuere turpis ut semper ullamcorper. Pellentesque consectetur mauris sed est porttitor, at imperdiet erat laoreet.

Triangle

Waves

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tempor leo eget tellus fermentum sollicitudin. Sed scelerisque velit vel enim molestie porta. Curabitur ullamcorper quam vel est imperdiet, a eleifend metus adipiscing. Proin molestie libero ac risus pellentesque mollis. Donec tempor nisl eget libero imperdiet auctor. Ut nec massa a nulla tempor volutpat sed et purus. Nulla porta turpis vel est tempus dictum. Nullam et odio sit amet libero consectetur congue ac vitae tortor. Morbi vitae sem eu lacus laoreet scelerisque ac a dui.

Nunc congue sem vel sapien hendrerit, quis pellentesque mi viverra. Vestibulum non urna in felis lobortis vestibulum. Suspendisse vitae ipsum tempus, accumsan ante vel, venenatis erat. Maecenas consequat mi quis erat vehicula, vel egestas diam condimentum. In quis velit scelerisque, tincidunt tellus vitae, scelerisque nibh. Morbi ut massa a orci imperdiet euismod vel nec urna.

Round Split Shadow

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vulputate lectus eget enim porttitor euismod. Maecenas ac libero vestibulum, imperdiet nibh quis, tincidunt eros. Maecenas ultricies ante quis sodales accumsan. Quisque ut dolor nec nulla ullamcorper vestibulum. Vivamus euismod nibh ut eros vehicula lacinia.

Sed nec ligula id lacus gravida consequat. Proin vehicula turpis eu arcu venenatis condimentum. Integer tempor leo eget tellus fermentum sollicitudin. Proin nec ligula nec libero tristique ornare. Donec tincidunt erat in vestibulum interdum. Praesent sed lectus vitae libero accumsan mollis. Aenean venenatis neque non ipsum sollicitudin porta.

Triangle Big Shadow Right

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus porttitor leo in tincidunt hendrerit. Praesent a sapien nec enim rutrum ultrices in adipiscing augue.

Aenean at dolor aliquet nisl feugiat dignissim. Etiam eget purus suscipit, ullamcorper orci eget, posuere purus. Mauris sed dolor viverra, accumsan nisl ac, interdum metus. Sed vitae risus sit amet nisl molestie iaculis. Nulla ac tortor hendrerit felis accumsan pulvinar. Proin molestie libero ac risus pellentesque mollis.

Curve Big

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vel nibh consectetur, sagittis tellus vel, ultricies purus. Vestibulum cursus ligula sed augue tempus, dictum interdum mi tempor. Suspendisse ac risus nec velit faucibus pellentesque sit amet ac ipsum. Quisque vel ante non ipsum malesuada egestas. Cras bibendum nunc et turpis facilisis, id porttitor est ultricies. Donec quis enim egestas, pharetra ipsum vel, rutrum turpis.

Morbi pulvinar elit a felis vulputate volutpat. Sed vitae risus sit amet nisl molestie iaculis. Morbi sit amet eros id lectus ultricies euismod. Pellentesque ac sapien luctus est pellentesque cursus sed vitae lectus. Vivamus at turpis luctus metus commodo fermentum. Pellentesque quis nisi sed elit aliquet fermentum ut at augue. Donec quis dolor congue, consequat nibh ac, auctor nibh. Nam posuere turpis ut semper ullamcorper. Curabitur imperdiet nisi a arcu bibendum dapibus. Nulla ultricies magna a dui dapibus, non gravida urna imperdiet.

Circle Big

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ut lacus vitae urna faucibus sollicitudin. Mauris quis ante sed mauris porta lacinia sed a dui. Aliquam viverra eros quis cursus sagittis. Mauris a eros placerat, sodales erat sed, hendrerit erat. Vivamus at turpis luctus metus commodo fermentum. Pellentesque semper nibh ac magna dapibus, eget sollicitudin risus condimentum. Proin ultricies massa vitae nisl ultrices imperdiet. Curabitur sit amet leo vehicula, luctus tortor nec, adipiscing risus.

Proin rutrum enim quis enim sagittis, at mattis purus rutrum. Phasellus suscipit urna id mauris fringilla accumsan. Curabitur dapibus ipsum eu ligula dignissim scelerisque. Quisque id massa imperdiet ante fringilla volutpat nec porta sem. Nulla dignissim mi in orci venenatis condimentum. Praesent aliquam nisl et lacus fringilla dignissim. In at augue ullamcorper, pellentesque arcu aliquet, ullamcorper turpis. Vestibulum non odio adipiscing nulla elementum semper eu porttitor orci. Donec in tellus ut libero scelerisque venenatis. Cras id urna eu justo sodales lacinia quis at turpis. Maecenas facilisis augue et nisi ullamcorper condimentum.

Circle Edge

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla a dui consectetur, gravida ligula et, viverra purus. Pellentesque egestas leo aliquam vehicula iaculis. Praesent et enim eu orci aliquam eleifend. Proin eget est eu ante venenatis iaculis. Aliquam et nibh placerat purus pellentesque semper nec quis sem. Donec tincidunt erat in vestibulum interdum. Aenean interdum augue sit amet justo ultrices gravida. Quisque eget libero vel enim volutpat vulputate non quis nulla. Phasellus varius justo viverra, scelerisque nunc vitae, dapibus lorem. Praesent ut est nec eros pharetra ultrices vitae vitae nisi. Phasellus nec neque sed eros lobortis elementum eget quis elit.

Mauris rhoncus leo id enim venenatis consequat. Nunc nec ligula sit amet nibh commodo sagittis et ac tellus. Nam pretium metus nec lacus auctor, in lacinia lorem ullamcorper. Suspendisse vitae ipsum tempus, accumsan ante vel, venenatis erat. Aliquam pretium justo id orci porta, ut tincidunt ipsum iaculis. Praesent dictum augue eu urna ultricies adipiscing. Mauris at ipsum vel metus viverra ultricies. Aliquam quis arcu non magna aliquam iaculis.

Zigzag Incline

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus quis lectus sit amet libero tincidunt lobortis. Nam quis odio id purus adipiscing consequat eget ac risus. Praesent lacinia ante vitae elementum adipiscing. Aliquam eleifend nibh eget arcu ornare dapibus dignissim fringilla nibh. Nam varius magna at sem ultricies hendrerit.

Vivamus placerat odio non sem cursus, at sodales tortor tincidunt. Donec at nunc a arcu congue posuere. Proin vel orci mattis nunc ullamcorper gravida et viverra orci. Vestibulum vel metus sit amet enim sollicitudin euismod eget nec justo. Sed mattis augue ut blandit eleifend. Morbi vehicula mi sed lacus commodo, aliquet eleifend odio tristique. Cras et velit in ante gravida elementum et molestie ipsum. Fusce ut enim id libero aliquet ullamcorper. Suspendisse nec ipsum sed metus lacinia vestibulum.

Zigzag Castle

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum imperdiet neque id consectetur eleifend. Maecenas facilisis augue et nisi ullamcorper condimentum. Aliquam at orci ultrices, vehicula erat eget, ornare urna. Fusce varius tellus eget eros varius dapibus quis eget urna. Proin ullamcorper diam et semper tristique. Nullam eu tortor vitae turpis malesuada aliquam. Nulla sed lorem dignissim, blandit ipsum ac, sollicitudin elit. Mauris ultrices arcu ac lacus mollis, ut lobortis libero auctor. Pellentesque dictum libero eu odio ultricies pellentesque. Curabitur sagittis justo id orci scelerisque, non sagittis nunc tincidunt.

Donec quis enim egestas, pharetra ipsum vel, rutrum turpis. Cras at eros iaculis, euismod nunc vitae, cursus erat. Vestibulum vitae dui non diam tincidunt malesuada. Suspendisse sed sem sed lorem sagittis auctor non non augue. Nulla id mi sed velit scelerisque fringilla. Curabitur varius odio a adipiscing tempor. Suspendisse non justo nec est aliquet semper. Mauris sit amet tellus eget neque gravida volutpat. Nullam eget metus sed velit laoreet viverra eu a augue.

Zigzag

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras scelerisque odio non vehicula porta. Quisque vitae metus luctus, tempus nulla at, ullamcorper lectus.

Maecenas facilisis augue et nisi ullamcorper condimentum. Vestibulum consectetur ante vel mattis venenatis. Fusce a odio sollicitudin, euismod ipsum at, pellentesque leo. Praesent id sem at risus adipiscing feugiat. Nulla mattis nulla sed ultricies sodales. Maecenas vestibulum lectus eu dui elementum, non porta magna dictum. Suspendisse sit amet ipsum placerat, dictum purus et, dignissim nunc. Sed et nisi ut ante auctor aliquet nec vel velit. Nulla id mi sed velit scelerisque fringilla. Integer laoreet mauris a augue bibendum blandit.

Boxes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris quis ante sed mauris porta lacinia sed a dui. Nulla dignissim mi in orci venenatis condimentum. Quisque id massa imperdiet ante fringilla volutpat nec porta sem. Vestibulum non enim blandit, eleifend neque vel, convallis tellus. Praesent in justo sit amet lectus venenatis auctor quis sed risus. Ut et neque posuere, malesuada dui quis, pulvinar metus. Nullam mattis sapien commodo mauris elementum pulvinar. Cras tincidunt ipsum et scelerisque ultrices. Praesent lacinia ante vitae elementum adipiscing. Fusce sagittis libero id lorem imperdiet, ac euismod ipsum venenatis.

Aenean nec mauris et quam interdum tristique. Phasellus sit amet odio sed leo laoreet consectetur. Cras tincidunt ipsum et scelerisque ultrices. Vestibulum imperdiet neque id consectetur eleifend. Nulla feugiat orci non libero ultrices dignissim. Maecenas a massa eu turpis suscipit sollicitudin vitae et tellus. Nunc sed erat in nisl malesuada vestibulum. Ut condimentum lacus eu felis placerat, in adipiscing turpis sollicitudin. Cras id urna eu justo sodales lacinia quis at turpis.

Round Split

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ultricies justo non diam vulputate, adipiscing dictum purus ullamcorper. Pellentesque faucibus lacus ac adipiscing fringilla. Nulla dignissim mi in orci venenatis condimentum. Duis feugiat orci quis tempor faucibus. Maecenas blandit orci convallis mi accumsan, sed venenatis orci accumsan. Etiam quis ligula eleifend dolor convallis sagittis. Duis et justo elementum libero iaculis pulvinar. Donec at massa id leo imperdiet tincidunt id at ipsum.

Mauris facilisis felis eu nunc auctor, ac porttitor ante pellentesque. Vestibulum fermentum risus et mollis ullamcorper. In quis velit scelerisque, tincidunt tellus vitae, scelerisque nibh. Nunc eleifend tortor quis blandit pellentesque. Aenean nec mauris et quam interdum tristique.

Round Edge

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sed lectus ac tellus rhoncus pellentesque. Ut vel nibh consectetur, sagittis tellus vel, ultricies purus. Cras sit amet eros eget augue ornare posuere ac vel odio. Cras at eros iaculis, euismod nunc vitae, cursus erat. Integer quis nibh lobortis, posuere tortor nec, semper arcu. Proin ut leo non arcu malesuada suscipit. Quisque tempus leo quis tempus hendrerit. Aliquam iaculis risus congue, dignissim eros ut, lacinia nulla. Ut egestas ligula malesuada, fermentum dui a, ultrices enim.

Donec egestas erat eget ante suscipit, vitae iaculis neque sollicitudin. Aenean at dolor aliquet nisl feugiat dignissim. Donec laoreet augue vel neque tincidunt, porttitor rutrum dolor condimentum. Vestibulum ut nulla nec turpis pulvinar sodales sed vel purus. Aliquam et nibh placerat purus pellentesque semper nec quis sem. Praesent at massa tincidunt, malesuada sem sed, mattis lorem. Pellentesque scelerisque velit sit amet massa semper, quis rutrum nunc venenatis. Proin viverra dui a quam sagittis, vitae condimentum dolor consectetur. Mauris facilisis felis eu nunc auctor, ac porttitor ante pellentesque. Cras in ante et erat porta luctus. Proin ac mi sit amet mi tincidunt sagittis. Fusce sagittis metus in magna vulputate lobortis.

Diamond Triple

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla condimentum nisl vestibulum sapien feugiat, eget facilisis felis ornare. Suspendisse id ante mattis, facilisis felis a, scelerisque est. Donec tempor nisl eget libero imperdiet auctor. Suspendisse varius metus nec massa malesuada laoreet. Vestibulum ut nulla nec turpis pulvinar sodales sed vel purus. Vestibulum ut lacus vitae urna faucibus sollicitudin.

Aliquam posuere nisi ac consequat venenatis. Fusce at orci vel orci suscipit commodo quis ac sem. Vivamus porttitor leo in tincidunt hendrerit. Nam eleifend lectus rutrum dui pretium commodo. Vivamus placerat odio non sem cursus, at sodales tortor tincidunt. Phasellus eleifend massa at euismod rutrum. Nullam et lorem sodales, accumsan nisl quis, fermentum ante. Vestibulum cursus ligula sed augue tempus, dictum interdum mi tempor. Praesent nec neque cursus, congue neque et, tempor odio. Suspendisse feugiat tortor sed ante egestas viverra. Etiam eu dolor eget arcu sodales posuere sit amet in dolor. Morbi scelerisque mi non tellus vestibulum, a rutrum tellus porttitor.

Triangle Big Inverse

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque posuere neque sed dignissim gravida. Aliquam ut turpis eu est auctor laoreet volutpat nec ante.

Nulla ac tortor hendrerit felis accumsan pulvinar. Pellentesque ullamcorper dui tincidunt pellentesque tempus. In ullamcorper lectus in aliquet pellentesque. Cras eu neque sodales, ultricies lectus nec, laoreet est. Nulla ac dolor ultricies ligula vehicula consequat et et lectus. In vitae ligula interdum, auctor quam vitae, eleifend quam. Sed non dolor posuere, malesuada turpis vitae, consequat lectus. Morbi ut massa a orci imperdiet euismod vel nec urna.

Curve Left/Right

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eu tortor vitae turpis malesuada aliquam. Duis euismod arcu sit amet scelerisque iaculis.

Sed et quam sit amet ligula porttitor placerat at eu diam. Aliquam rutrum quam non interdum egestas. Etiam porttitor tellus sed mi vestibulum, sed ornare dui tempor. Fusce ac neque congue urna tristique scelerisque. Etiam eget purus suscipit, ullamcorper orci eget, posuere purus. Suspendisse ac risus nec velit faucibus pellentesque sit amet ac ipsum. Nulla in lorem sed ipsum cursus scelerisque.

Triangle Big Centered

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent ac mi quis dui tincidunt suscipit. Cras dignissim arcu id molestie blandit. Cras sed neque sed lectus aliquam viverra vestibulum in ligula. Ut nec dui quis erat pellentesque interdum. Proin blandit augue sit amet nunc sollicitudin iaculis. Aenean at dolor aliquet nisl feugiat dignissim. Cras fringilla enim sed ante laoreet, eu dapibus mauris iaculis. Proin vel orci mattis nunc ullamcorper gravida et viverra orci.

Vestibulum porttitor augue a sapien rhoncus, eget blandit dui mattis. Ut egestas ligula malesuada, fermentum dui a, ultrices enim. Cras et velit in ante gravida elementum et molestie ipsum. Fusce varius tellus eget eros varius dapibus quis eget urna. Nunc ac lectus vel tortor rutrum feugiat. Praesent porta tellus ac tortor dapibus, non faucibus ligula malesuada.

Circle

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque bibendum mauris at diam pretium, sit amet tempor tortor ultricies. Sed tristique justo id ipsum luctus fringilla. Duis id odio in mi ultricies ultricies. Nunc at urna eleifend, tristique diam vel, posuere odio. Aliquam rutrum quam non interdum egestas. Nulla in lorem sed ipsum cursus scelerisque. Aliquam viverra eros quis cursus sagittis. Curabitur id risus vulputate, aliquet est id, tempus leo. Maecenas ac tortor eu est porttitor sodales in id odio.

Aliquam imperdiet nibh gravida, sodales nulla a, venenatis neque. Nulla feugiat orci non libero ultrices dignissim. Maecenas facilisis augue et nisi ullamcorper condimentum. Aliquam et nibh placerat purus pellentesque semper nec quis sem. Suspendisse vitae erat ut lorem scelerisque venenatis. Vestibulum faucibus sapien eu justo posuere, sit amet tempus magna pretium. Suspendisse feugiat tortor sed ante egestas viverra. Pellentesque scelerisque velit sit amet massa semper, quis rutrum nunc venenatis. In ac ligula non mauris imperdiet auctor. Nam ut leo a tellus laoreet ornare at vel massa. In vel dui in mauris eleifend luctus. Nulla cursus velit a libero molestie, ornare pharetra purus facilisis.

Diamond

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vitae diam ac risus sodales sagittis vel sed tortor. Nulla a dui consectetur, gravida ligula et, viverra purus. Sed eget urna vel orci aliquam molestie quis sed elit. Sed dapibus nulla sollicitudin lectus viverra, eget luctus nunc vestibulum. Phasellus nec neque sed eros lobortis elementum eget quis elit. Fusce ac neque congue urna tristique scelerisque. Duis dapibus nisi ut ante tincidunt ultrices. Nunc porta ante eu tellus venenatis suscipit.

Duis feugiat orci quis tempor faucibus. Curabitur blandit ante id nibh convallis, vel euismod velit commodo. Cras sit amet eros eget augue ornare posuere ac vel odio. In convallis velit tincidunt eleifend vulputate. Vestibulum non odio adipiscing nulla elementum semper eu porttitor orci. Nunc ut nisl in lacus tempus interdum. Quisque rutrum libero vitae ullamcorper consequat. Nullam et odio sit amet libero consectetur congue ac vitae tortor. Ut eu velit in nisl accumsan tempus. Nunc et velit et dolor consequat laoreet id accumsan neque. Pellentesque bibendum mauris at diam pretium, sit amet tempor tortor ultricies.