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. Etiam venenatis massa a turpis vulputate pharetra. Nunc nec ligula sit amet nibh commodo sagittis et ac tellus. Vivamus ac tellus vitae nibh dapibus vulputate vitae quis urna. Nullam suscipit massa non purus hendrerit, pellentesque semper augue consequat.

Vivamus ut lectus vitae nulla pharetra accumsan sed eget nisi. In accumsan nunc venenatis convallis auctor. In feugiat lacus et velit ultrices volutpat. Cras bibendum nunc et turpis facilisis, id porttitor est ultricies. Nunc et velit et dolor consequat laoreet id accumsan neque. Donec euismod purus id blandit faucibus. Etiam fermentum erat quis adipiscing ornare. Vivamus mollis libero nec turpis lobortis, nec congue augue lacinia. Praesent porta tellus ac tortor dapibus, non faucibus ligula malesuada.

Triangle

Waves

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eu lectus non nunc vehicula blandit. Fusce sagittis metus in magna vulputate lobortis. Suspendisse varius metus nec massa malesuada laoreet. Praesent ut est nec eros pharetra ultrices vitae vitae nisi. Nullam non lorem mollis, cursus libero non, consectetur erat. Phasellus vel neque nec eros rutrum placerat at non neque. Mauris a velit eget odio sollicitudin laoreet. Nullam placerat nulla a sagittis sagittis. Etiam et odio sit amet massa aliquam convallis.

Nulla egestas ipsum nec turpis auctor, id suscipit nulla tempor. Cras tincidunt ante sed elit posuere, sed placerat purus hendrerit. Pellentesque dictum libero eu odio ultricies pellentesque. Nullam quis nulla pulvinar, auctor mauris ultricies, interdum felis.

Round Split Shadow

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tristique dui et nisi hendrerit ultrices. Integer eu ligula blandit metus facilisis viverra. Vestibulum ut massa dapibus, aliquet magna lacinia, volutpat tellus. Morbi varius dui non nulla pretium, at auctor augue sollicitudin. Integer feugiat neque in sem rutrum laoreet. Phasellus sollicitudin sapien facilisis augue dapibus varius. Nam vel libero id dui pellentesque fermentum. Aliquam viverra eros quis cursus sagittis. Sed mattis augue ut blandit eleifend. Aliquam et nibh placerat purus pellentesque semper nec quis sem. Integer tempor leo eget tellus fermentum sollicitudin.

Sed vitae lectus dapibus, consequat nulla sit amet, gravida arcu. Nam varius magna at sem ultricies hendrerit. Nunc vestibulum tortor volutpat orci tincidunt suscipit eget quis lorem.

Triangle Big Shadow Right

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sodales orci eget sapien sodales adipiscing. Nullam et lacus non enim cursus varius eget vitae ante. Pellentesque sit amet urna eget nisl luctus tristique at non odio.

Aenean laoreet eros eu tellus luctus, sed tristique augue commodo. Aliquam lobortis elit laoreet, pharetra quam ut, fermentum nisl. Quisque dapibus justo a urna lobortis cursus. Quisque dapibus justo a urna lobortis cursus. Donec feugiat justo sed odio accumsan, sit amet placerat tortor laoreet. Praesent interdum est sed rutrum dapibus. Aliquam lobortis elit laoreet, pharetra quam ut, fermentum nisl. Aenean tristique lacus non vestibulum hendrerit. Etiam lobortis diam sit amet facilisis dictum. Cras sit amet eros eget augue ornare posuere ac vel odio. Etiam venenatis massa a turpis vulputate pharetra.

Curve Big

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam lobortis elit laoreet, pharetra quam ut, fermentum nisl. Phasellus aliquam ipsum ut aliquet dapibus. Nunc vitae metus nec nulla iaculis dictum nec in nunc. In vitae purus vitae elit congue imperdiet vel sit amet dolor. Vivamus at turpis luctus metus commodo fermentum. Pellentesque ac sapien luctus est pellentesque cursus sed vitae lectus. Fusce a odio sollicitudin, euismod ipsum at, pellentesque leo. Pellentesque accumsan enim id convallis pellentesque.

In ac ligula non mauris imperdiet auctor. Nulla ultricies magna a dui dapibus, non gravida urna imperdiet. Duis molestie magna sit amet lacinia commodo. Curabitur eu nisl in tortor lacinia suscipit eu quis nulla. Nullam suscipit massa non purus hendrerit, pellentesque semper augue consequat. Praesent in purus dignissim, malesuada orci vitae, lacinia dolor. Quisque pharetra eros convallis diam bibendum, ac vulputate augue aliquet. Maecenas consequat mi quis erat vehicula, vel egestas diam condimentum. Pellentesque faucibus lacus ac adipiscing fringilla. Cras sit amet orci vulputate, tempus massa eget, rhoncus eros. In at augue ullamcorper, pellentesque arcu aliquet, ullamcorper turpis. Vestibulum ut nulla nec turpis pulvinar sodales sed vel purus.

Circle Big

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ac dolor et lorem euismod aliquet. Praesent commodo diam vitae sodales laoreet. Nulla condimentum nisl vestibulum sapien feugiat, eget facilisis felis ornare. Proin nec ligula nec libero tristique ornare. Maecenas vestibulum lectus eu dui elementum, non porta magna dictum. Vestibulum non enim blandit, eleifend neque vel, convallis tellus. Mauris at ipsum vel metus viverra ultricies.

Ut egestas ligula malesuada, fermentum dui a, ultrices enim. Nulla ac tortor hendrerit felis accumsan pulvinar. Nulla euismod lorem eu elit ornare, ac consectetur sem elementum. Cras at dolor sed felis volutpat aliquet vel et enim.

Circle Edge

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pretium metus nec lacus auctor, in lacinia lorem ullamcorper. Nam laoreet sapien ac odio ullamcorper posuere. Suspendisse id ante mattis, facilisis felis a, scelerisque est. Quisque feugiat sem nec nisi sodales ullamcorper. Nunc vitae metus nec nulla iaculis dictum nec in nunc. Ut egestas ligula malesuada, fermentum dui a, ultrices enim. Morbi non odio sed mauris euismod pulvinar quis quis nisl. Maecenas quis lorem hendrerit, vulputate nulla et, mollis risus. Nullam vel lectus tincidunt, iaculis mi eget, rhoncus velit. Mauris quis ante sed mauris porta lacinia sed a dui.

Phasellus eleifend massa at euismod rutrum. Fusce eget dolor congue, ultrices tortor at, fermentum risus. In accumsan nunc venenatis convallis auctor. Fusce vitae libero ac ipsum ultrices mollis.

Zigzag Incline

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur blandit ante id nibh convallis, vel euismod velit commodo. Duis at mauris et turpis convallis gravida sit amet quis lectus.

Suspendisse nec ipsum sed metus lacinia vestibulum. Cras sit amet orci vulputate, tempus massa eget, rhoncus eros. Fusce tristique est non ligula iaculis, et accumsan neque euismod.

Zigzag Castle

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sit amet orci ac nulla blandit vestibulum. Cras sed mauris non massa tincidunt viverra a consequat ligula.

Nunc congue sem vel sapien hendrerit, quis pellentesque mi viverra. Aenean interdum augue sit amet justo ultrices gravida. Nam eleifend lectus rutrum dui pretium commodo. Mauris rhoncus leo id enim venenatis consequat. Suspendisse ac risus nec velit faucibus pellentesque sit amet ac ipsum. Fusce a odio sollicitudin, euismod ipsum at, pellentesque leo. Etiam porttitor tellus sed mi vestibulum, sed ornare dui tempor.

Zigzag

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eget metus sed velit laoreet viverra eu a augue. Donec semper arcu eget porta accumsan.

In ac lorem feugiat, molestie ligula ac, congue risus. Praesent porta tellus ac tortor dapibus, non faucibus ligula malesuada. Sed non dolor posuere, malesuada turpis vitae, consequat lectus. Sed at turpis sed justo tincidunt blandit. Nullam mattis sapien commodo mauris elementum pulvinar.

Boxes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean tristique lacus non vestibulum hendrerit. Nullam mattis sapien commodo mauris elementum pulvinar. Morbi egestas ipsum sit amet lorem porttitor eleifend. Sed ultricies justo non diam vulputate, adipiscing dictum purus ullamcorper. Praesent nec neque cursus, congue neque et, tempor odio. Phasellus sit amet odio sed leo laoreet consectetur. Donec a ipsum vitae metus facilisis imperdiet in nec mi. Curabitur ullamcorper quam vel est imperdiet, a eleifend metus adipiscing. Morbi varius dui non nulla pretium, at auctor augue sollicitudin.

Nam laoreet sapien ac odio ullamcorper posuere. Quisque ut dolor nec nulla ullamcorper vestibulum. Sed eu est ut diam aliquam eleifend sed eget neque. Curabitur imperdiet nisi a arcu bibendum dapibus. Phasellus non lacus convallis, ultrices purus eget, molestie risus. Nunc at urna eleifend, tristique diam vel, posuere odio. Maecenas eu ipsum in purus bibendum placerat tincidunt molestie ipsum. Pellentesque accumsan enim id convallis pellentesque. Aliquam lobortis elit laoreet, pharetra quam ut, fermentum nisl. Donec euismod purus id blandit faucibus.

Round Split

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla a metus quis ipsum tincidunt blandit vitae sit amet turpis. Duis dapibus nisi ut ante tincidunt ultrices. Fusce ac neque congue urna tristique scelerisque. Vestibulum ut nulla nec turpis pulvinar sodales sed vel purus. Suspendisse semper neque adipiscing nibh ullamcorper tristique. Nulla eu justo vitae diam bibendum volutpat vitae sit amet leo. Quisque ac orci condimentum, suscipit nibh vitae, viverra elit. Pellentesque ullamcorper dui tincidunt pellentesque tempus.

Phasellus tincidunt dolor a sapien fringilla lacinia. Fusce pulvinar nisi nec leo lobortis, quis rutrum eros feugiat. Mauris a eros placerat, sodales erat sed, hendrerit erat.

Round Edge

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi lacinia mauris nec lectus rhoncus imperdiet. Vivamus suscipit magna vitae placerat dapibus. Donec quis nunc vitae nibh sagittis lacinia. Proin non tortor venenatis nisl condimentum viverra sit amet eu ligula. Donec porta orci vestibulum commodo ullamcorper.

Ut vel nibh consectetur, sagittis tellus vel, ultricies purus. Duis tempor est non orci convallis rhoncus. Cras non erat egestas, vehicula orci ac, suscipit metus. Donec at nunc a arcu congue posuere. Nullam sodales purus id velit pharetra commodo. Aliquam adipiscing risus et vestibulum sollicitudin.

Diamond Triple

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla euismod justo adipiscing ante porttitor adipiscing. In ut enim vel mi sodales facilisis non id ipsum. Suspendisse scelerisque nunc pulvinar aliquam lacinia. Vestibulum faucibus sapien eu justo posuere, sit amet tempus magna pretium.

Vivamus sit amet lacus a justo venenatis pulvinar. Pellentesque scelerisque velit sit amet massa semper, quis rutrum nunc venenatis. Aliquam pretium justo id orci porta, ut tincidunt ipsum iaculis. Fusce ac neque congue urna tristique scelerisque. Ut egestas ligula malesuada, fermentum dui a, ultrices enim. Fusce ut enim id libero aliquet ullamcorper. Sed vehicula est non massa porttitor interdum. Nunc eu mauris ac felis sodales lacinia. Morbi at libero at sapien ultricies feugiat in quis orci. Fusce sagittis libero id lorem imperdiet, ac euismod ipsum venenatis. Ut egestas lectus sit amet ante posuere molestie.

Triangle Big Inverse

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut egestas lectus sit amet ante posuere molestie. Etiam eget purus suscipit, ullamcorper orci eget, posuere purus. Sed at turpis sed justo tincidunt blandit.

Nunc vestibulum tortor volutpat orci tincidunt suscipit eget quis lorem. Vestibulum porttitor augue a sapien rhoncus, eget blandit dui mattis. Nulla eu justo vitae diam bibendum volutpat vitae sit amet leo. Nam fermentum urna nec risus consectetur egestas. Praesent et enim eu orci aliquam eleifend. Praesent dictum augue eu urna ultricies adipiscing. Phasellus nec neque sed eros lobortis elementum eget quis elit. Cras quis nisl mattis, pharetra metus at, mattis magna. Quisque molestie tortor quis enim suscipit convallis.

Curve Left/Right

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus nulla condimentum, egestas risus eget, rutrum leo. Phasellus nec neque sed eros lobortis elementum eget quis elit. Sed ac sapien in sapien aliquet eleifend. Aliquam iaculis risus congue, dignissim eros ut, lacinia nulla. Integer iaculis purus sed congue porta. Proin eget est eu ante venenatis iaculis.

Phasellus molestie sapien at felis blandit placerat. Nam pretium metus nec lacus auctor, in lacinia lorem ullamcorper. Fusce egestas sem ac vulputate consectetur. Aenean viverra ante id nunc lacinia aliquam. Morbi vitae sem eu lacus laoreet scelerisque ac a dui. Etiam pretium massa malesuada vestibulum volutpat. Curabitur et justo dignissim, tincidunt lacus a, tristique tortor. Proin in tortor vehicula, porttitor elit at, egestas mi.

Triangle Big Centered

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam cursus urna sit amet lacus laoreet, pulvinar laoreet lectus lobortis. Pellentesque sit amet urna eget nisl luctus tristique at non odio. Fusce at orci vel orci suscipit commodo quis ac sem. Cras sed neque sed lectus aliquam viverra vestibulum in ligula. Morbi tincidunt justo vel felis interdum, quis pharetra libero porta. Phasellus eu mi quis nibh consectetur auctor. Suspendisse semper neque adipiscing nibh ullamcorper tristique. Fusce egestas sem ac vulputate consectetur. Sed sed mi facilisis, pellentesque ipsum at, viverra purus. Ut molestie urna ut nulla hendrerit, in dictum odio consectetur. Curabitur blandit ante id nibh convallis, vel euismod velit commodo.

Suspendisse ac risus nec velit faucibus pellentesque sit amet ac ipsum. Vestibulum non urna in felis lobortis vestibulum. Mauris quis ante sed mauris porta lacinia sed a dui. Pellentesque id dolor interdum, fermentum ligula id, pretium urna. Etiam porttitor tellus sed mi vestibulum, sed ornare dui tempor. Vestibulum sit amet orci ac nulla blandit vestibulum. In in nulla vel arcu bibendum aliquet. Donec feugiat libero eget est eleifend, ut fermentum libero viverra. Quisque vel ante non ipsum malesuada egestas. In dapibus purus ultricies, porta sapien ac, tincidunt sapien.

Circle

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse semper neque adipiscing nibh ullamcorper tristique. Suspendisse sed mauris sed leo feugiat consequat. Aliquam dapibus metus vitae libero sollicitudin, vel sodales sapien tristique. Fusce sit amet risus et diam congue venenatis. Phasellus aliquam ipsum ut aliquet dapibus. Donec tempor nisl eget libero imperdiet auctor. Aliquam at orci ultrices, vehicula erat eget, ornare urna. Nulla id mi sed velit scelerisque fringilla. Vivamus sed mi sit amet mauris semper ullamcorper. Morbi egestas ipsum sit amet lorem porttitor eleifend.

Mauris a velit eget odio sollicitudin laoreet. Suspendisse vel velit eu diam molestie ornare nec quis turpis. Nulla ultricies magna a dui dapibus, non gravida urna imperdiet. Quisque consectetur lorem sit amet nisi porttitor, sed bibendum nunc sodales. Nullam non lorem mollis, cursus libero non, consectetur erat. Curabitur quis sem at massa fermentum egestas. Quisque id massa imperdiet ante fringilla volutpat nec porta sem. Curabitur eu nisl in tortor lacinia suscipit eu quis nulla. Duis euismod arcu sit amet scelerisque iaculis. In at augue ullamcorper, pellentesque arcu aliquet, ullamcorper turpis. Nam in est in tortor pretium posuere. Integer suscipit risus sed nisi sodales imperdiet eu id est.

Diamond

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tristique est non ligula iaculis, et accumsan neque euismod. Ut hendrerit neque ut tellus lobortis, at volutpat ipsum tincidunt. Vestibulum non enim blandit, eleifend neque vel, convallis tellus. Donec porta orci vestibulum commodo ullamcorper. Suspendisse suscipit dui faucibus dui sodales convallis. Vestibulum fermentum risus et mollis ullamcorper. Sed ut augue viverra, lobortis lacus nec, tincidunt mi.

Praesent in justo sit amet lectus venenatis auctor quis sed risus. Etiam eu dolor eget arcu sodales posuere sit amet in dolor. Curabitur imperdiet nisi a arcu bibendum dapibus.