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. Quisque quis nibh commodo, ornare nisi eu, fringilla urna. Nulla euismod lorem eu elit ornare, ac consectetur sem elementum. Etiam ornare felis sit amet purus tristique, in placerat velit faucibus. Quisque id massa imperdiet ante fringilla volutpat nec porta sem. Vestibulum non enim blandit, eleifend neque vel, convallis tellus.

Nunc congue sem vel sapien hendrerit, quis pellentesque mi viverra. Donec quis enim egestas, pharetra ipsum vel, rutrum turpis. Vestibulum ut massa dapibus, aliquet magna lacinia, volutpat tellus. Sed tristique justo id ipsum luctus fringilla. Praesent commodo diam vitae sodales laoreet. Sed faucibus risus nec pharetra euismod. Nullam vel lectus tincidunt, iaculis mi eget, rhoncus velit. Aliquam rutrum quam non interdum egestas. Nullam mattis sapien commodo mauris elementum pulvinar. Mauris pharetra sem non nulla gravida, non condimentum enim tempus. Integer eget sem aliquet, laoreet tortor sit amet, fringilla lorem.

Triangle

Waves

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam cursus urna sit amet lacus laoreet, pulvinar laoreet lectus lobortis. Nullam vel lectus tincidunt, iaculis mi eget, rhoncus velit. Curabitur sagittis justo id orci scelerisque, non sagittis nunc tincidunt. Sed blandit lorem eu velit tempus, id ornare arcu fringilla. Morbi egestas ipsum sit amet lorem porttitor eleifend. Nam eget mi ut risus fermentum fringilla. Nam posuere turpis ut semper ullamcorper. Vivamus sed mi sit amet mauris semper ullamcorper. Duis accumsan nibh sed orci lobortis imperdiet. In quis velit scelerisque, tincidunt tellus vitae, scelerisque nibh. Morbi vel nunc id mauris mollis congue sed vitae lacus.

Nulla eu justo vitae diam bibendum volutpat vitae sit amet leo. Cras in ante et erat porta luctus. Nunc sit amet arcu ultricies, sodales arcu sit amet, facilisis tortor. Duis et dui ac orci dapibus imperdiet. Cras at dolor sed felis volutpat aliquet vel et enim. Proin ultricies massa vitae nisl ultrices imperdiet. Ut hendrerit neque ut tellus lobortis, at volutpat ipsum tincidunt.

Round Split Shadow

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse semper neque adipiscing nibh ullamcorper tristique. Integer eu ligula blandit metus facilisis viverra. Proin eu sem sit amet libero tristique accumsan in non dui. Sed vel odio sit amet nulla cursus laoreet ut ut ante. Ut sed nunc venenatis, interdum nisi non, tristique velit. Aliquam sagittis leo eu sodales tristique. Praesent a justo mattis, pellentesque lacus placerat, ornare est.

Etiam et odio sit amet massa aliquam convallis. Proin vitae ipsum et nisl tristique posuere. Nulla eu justo vitae diam bibendum volutpat vitae sit amet leo. Nunc porta ante eu tellus venenatis suscipit. Vestibulum vitae dui non diam tincidunt malesuada. Aenean vitae nisi id nulla tristique egestas at eget odio.

Triangle Big Shadow Right

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla cursus velit a libero molestie, ornare pharetra purus facilisis. Vestibulum id erat quis ante dictum consequat a sed dui. Integer pulvinar risus ut magna ornare, id tincidunt arcu porta. Maecenas a dolor suscipit, sagittis nisl ac, rutrum tellus. Curabitur sit amet leo vehicula, luctus tortor nec, adipiscing risus. Ut molestie urna ut nulla hendrerit, in dictum odio consectetur. Nunc sit amet arcu ultricies, sodales arcu sit amet, facilisis tortor.

Ut egestas ligula malesuada, fermentum dui a, ultrices enim. Phasellus molestie massa id posuere cursus. Praesent ac mi quis dui tincidunt suscipit. Vivamus sed mi sit amet mauris semper ullamcorper. Mauris porttitor sapien eget nibh imperdiet, sed ultrices enim porta. Phasellus molestie sapien at felis blandit placerat.

Curve Big

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eget est eu ante venenatis iaculis. Curabitur blandit ante id nibh convallis, vel euismod velit commodo. Vestibulum fermentum risus et mollis ullamcorper.

Ut euismod urna et sapien sollicitudin, sed convallis dui hendrerit. Vestibulum ut massa dapibus, aliquet magna lacinia, volutpat tellus. Suspendisse sit amet ipsum placerat, dictum purus et, dignissim nunc. Pellentesque quis lacus laoreet, eleifend nisl sed, facilisis mauris. Nunc nec ligula sit amet nibh commodo sagittis et ac tellus. In accumsan nunc venenatis convallis auctor. Suspendisse vitae ipsum tempus, accumsan ante vel, venenatis erat.

Circle Big

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sed ante tempus, lobortis massa quis, aliquet elit. Proin vehicula turpis eu arcu venenatis condimentum. Nullam eu tortor vitae turpis malesuada aliquam. Nam non mi ut orci commodo bibendum. Aenean blandit urna vel lectus fermentum facilisis eu ut metus. Phasellus suscipit urna id mauris fringilla accumsan. Nullam mattis sapien commodo mauris elementum pulvinar. Suspendisse varius metus nec massa malesuada laoreet.

Vestibulum consectetur ante vel mattis venenatis. Suspendisse sed mauris sed leo feugiat consequat. Duis id odio in mi ultricies ultricies. Integer suscipit risus sed nisi sodales imperdiet eu id est. Mauris sit amet tellus eget neque gravida volutpat. Cras fringilla enim sed ante laoreet, eu dapibus mauris iaculis. Donec porttitor ipsum ac facilisis mattis. Curabitur varius odio a adipiscing tempor. Vestibulum fermentum risus et mollis ullamcorper. Vestibulum non urna in felis lobortis vestibulum. Aenean viverra ante id nunc lacinia aliquam.

Circle Edge

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eu nunc rutrum, vulputate enim sed, lobortis erat. Cras non erat egestas, vehicula orci ac, suscipit metus. Fusce ac justo lobortis, sollicitudin nibh vitae, porttitor odio.

Cras sed neque sed lectus aliquam viverra vestibulum in ligula. Nunc at urna eleifend, tristique diam vel, posuere odio. Suspendisse vitae erat ut lorem scelerisque venenatis. Nam ac quam mattis, auctor erat eu, sollicitudin est. Sed eget urna vel orci aliquam molestie quis sed elit. Praesent in purus dignissim, malesuada orci vitae, lacinia dolor.

Zigzag Incline

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed a nisl sed neque tristique volutpat eget eu augue. Cras sit amet mi eu sem congue fringilla. Maecenas quis lorem hendrerit, vulputate nulla et, mollis risus. Vivamus sit amet lacus a justo venenatis pulvinar. Maecenas eu ipsum in purus bibendum placerat tincidunt molestie ipsum. Aliquam eu nisl ultrices, aliquet tortor faucibus, convallis magna.

Vestibulum faucibus sapien eu justo posuere, sit amet tempus magna pretium. Suspendisse id ante mattis, facilisis felis a, scelerisque est. Nam ac quam mattis, auctor erat eu, sollicitudin est. Sed id leo dictum, hendrerit urna vitae, ullamcorper felis. Donec eget quam non ligula placerat ultrices. Praesent feugiat tellus et nisi rhoncus, vel mattis quam laoreet. Morbi pulvinar elit a felis vulputate volutpat. Etiam venenatis massa a turpis vulputate pharetra. Duis varius lectus lobortis ipsum tempor, ut interdum eros facilisis. Nullam sodales purus id velit pharetra commodo. Quisque dapibus justo a urna lobortis cursus. Aliquam ut turpis eu est auctor laoreet volutpat nec ante.

Zigzag Castle

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ac lorem feugiat, molestie ligula ac, congue risus. Morbi vel nunc id mauris mollis congue sed vitae lacus. Donec ut tortor in risus eleifend porttitor. Maecenas eu ipsum in purus bibendum placerat tincidunt molestie ipsum. Etiam eget purus suscipit, ullamcorper orci eget, posuere purus. Nulla dignissim mi in orci venenatis condimentum.

Aenean laoreet eros eu tellus luctus, sed tristique augue commodo. Vivamus facilisis purus nec justo pharetra, nec semper justo sollicitudin. Vestibulum cursus ligula sed augue tempus, dictum interdum mi tempor. Vestibulum tincidunt tellus tristique arcu ornare, a fringilla purus sollicitudin. Nam ac dolor et lorem euismod aliquet. Mauris ultrices arcu ac lacus mollis, ut lobortis libero auctor. Vestibulum non enim blandit, eleifend neque vel, convallis tellus. Phasellus molestie massa id posuere cursus.

Zigzag

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus metus vitae libero sollicitudin, vel sodales sapien tristique. Vestibulum at diam tristique, interdum sapien in, blandit nulla. Nam laoreet sapien ac odio ullamcorper posuere. Nunc eleifend tortor quis blandit pellentesque. Nullam eu tortor vitae turpis malesuada aliquam. Etiam vulputate lectus eget enim porttitor euismod.

Mauris tempus risus sed dolor euismod, id suscipit ante tincidunt. Praesent porta tellus ac tortor dapibus, non faucibus ligula malesuada. Morbi non odio sed mauris euismod pulvinar quis quis nisl. Nulla condimentum nisl vestibulum sapien feugiat, eget facilisis felis ornare.

Boxes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer id velit scelerisque lectus eleifend mattis. Aliquam quis arcu non magna aliquam iaculis. Sed scelerisque velit vel enim molestie porta. Pellentesque semper nibh ac magna dapibus, eget sollicitudin risus condimentum. Duis sed lectus in turpis rutrum bibendum sit amet a ante. Ut et neque posuere, malesuada dui quis, pulvinar metus. Cras laoreet diam ac mauris placerat sollicitudin.

Nulla sed lectus ac tellus rhoncus pellentesque. Duis varius lectus lobortis ipsum tempor, ut interdum eros facilisis. Pellentesque ac est consectetur, ornare lorem varius, sagittis ligula. Nunc non turpis eu eros tincidunt vestibulum in id purus. Pellentesque ac sapien luctus est pellentesque cursus sed vitae lectus. Praesent a justo mattis, pellentesque lacus placerat, ornare est. Proin ut lacus ac mi sollicitudin interdum. Sed vel odio sit amet nulla cursus laoreet ut ut ante. Sed sed mi facilisis, pellentesque ipsum at, viverra purus. Nullam mattis sapien commodo mauris elementum pulvinar.

Round Split

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eu mauris consectetur, accumsan leo in, venenatis nisi. Duis et justo elementum libero iaculis pulvinar. Donec porttitor ipsum ac facilisis mattis. Curabitur sagittis justo id orci scelerisque, non sagittis nunc tincidunt. Pellentesque ac est consectetur, ornare lorem varius, sagittis ligula. Mauris sit amet nibh sagittis, elementum metus et, facilisis massa.

Aliquam vel massa vulputate, dictum nulla sodales, suscipit nisi. Proin viverra dui a quam sagittis, vitae condimentum dolor consectetur. Quisque sed erat eu orci ultrices vestibulum. Duis sollicitudin erat vitae nibh rutrum vehicula. Etiam venenatis massa a turpis vulputate pharetra. Phasellus nec neque sed eros lobortis elementum eget quis elit.

Round Edge

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eu justo vitae diam bibendum volutpat vitae sit amet leo. Quisque dapibus justo a urna lobortis cursus.

Fusce ut enim id libero aliquet ullamcorper. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi et ligula a enim euismod lobortis. Donec tempor nisl eget libero imperdiet auctor.

Diamond Triple

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum cursus ligula sed augue tempus, dictum interdum mi tempor. Sed ultricies justo non diam vulputate, adipiscing dictum purus ullamcorper. Vestibulum vitae dui non diam tincidunt malesuada. Suspendisse vitae ipsum tempus, accumsan ante vel, venenatis erat. Nullam laoreet dui nec lorem vestibulum, nec viverra lacus bibendum.

Mauris facilisis felis eu nunc auctor, ac porttitor ante pellentesque. Vestibulum porta justo a velit porttitor tincidunt. Sed vitae lectus dapibus, consequat nulla sit amet, gravida arcu. Suspendisse sed sem sed lorem sagittis auctor non non augue. Proin blandit magna ullamcorper luctus dictum.

Triangle Big Inverse

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur et justo dignissim, tincidunt lacus a, tristique tortor. Maecenas ultricies ante quis sodales accumsan. Nam ac quam mattis, auctor erat eu, sollicitudin est. Nullam quis nulla pulvinar, auctor mauris ultricies, interdum felis. Duis ut dui ac lacus congue suscipit sed eu augue. Nunc accumsan arcu ac blandit semper. Suspendisse nec sem non enim vehicula luctus eu eget nisi.

Donec at nunc a arcu congue posuere. In vitae ligula interdum, auctor quam vitae, eleifend quam. Morbi ut massa a orci imperdiet euismod vel nec urna. Cras quis nisl mattis, pharetra metus at, mattis magna. Sed ultricies purus vitae est ornare vulputate. Ut vel nibh consectetur, sagittis tellus vel, ultricies purus. Vestibulum id erat quis ante dictum consequat a sed dui. Proin eu sem sit amet libero tristique accumsan in non dui. Suspendisse ac risus nec velit faucibus pellentesque sit amet ac ipsum. Nullam ornare tellus vitae accumsan suscipit. Fusce eget dolor congue, ultrices tortor at, fermentum risus.

Curve Left/Right

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent porta tellus ac tortor dapibus, non faucibus ligula malesuada. Nam ac dolor et lorem euismod aliquet.

Ut mattis orci pharetra, suscipit augue a, faucibus felis. Fusce a odio sollicitudin, euismod ipsum at, pellentesque leo. Curabitur ornare lacus adipiscing nisl porta, quis faucibus felis vestibulum. Duis consectetur est eget mi consectetur, sed dignissim mauris lacinia. Vestibulum porta justo a velit porttitor tincidunt. Ut mattis orci pharetra, suscipit augue a, faucibus felis. In egestas ipsum at ante suscipit, ac posuere metus elementum. Morbi scelerisque mi non tellus vestibulum, a rutrum tellus porttitor. Proin ut lacus ac mi sollicitudin interdum.

Triangle Big Centered

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam viverra eros quis cursus sagittis. Praesent porta tellus ac tortor dapibus, non faucibus ligula malesuada. Cras et velit in ante gravida elementum et molestie ipsum.

Sed dapibus nulla sollicitudin lectus viverra, eget luctus nunc vestibulum. Quisque vitae elit accumsan, mattis magna id, bibendum dui. Pellentesque posuere neque sed dignissim gravida.

Circle

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sit amet quam nec tellus condimentum suscipit non et purus. Cras tincidunt ante sed elit posuere, sed placerat purus hendrerit. Nullam mattis sapien commodo mauris elementum pulvinar. Mauris porttitor sapien eget nibh imperdiet, sed ultrices enim porta. Curabitur id risus vulputate, aliquet est id, tempus leo. Vivamus facilisis purus nec justo pharetra, nec semper justo sollicitudin. Fusce ac neque congue urna tristique scelerisque. Suspendisse sed ante tempus, lobortis massa quis, aliquet elit. Suspendisse feugiat tortor sed ante egestas viverra. Maecenas a massa eu turpis suscipit sollicitudin vitae et tellus.

Quisque vitae elit accumsan, mattis magna id, bibendum dui. Nullam et odio sit amet libero consectetur congue ac vitae tortor. Ut mattis orci pharetra, suscipit augue a, faucibus felis. Sed quis augue vel ligula aliquet bibendum at a lectus. Donec at massa id leo imperdiet tincidunt id at ipsum. Proin adipiscing quam facilisis lectus tristique, id euismod sem interdum. Proin quis magna nec nisl lacinia vulputate. Nullam placerat nulla a sagittis sagittis.

Diamond

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In egestas ipsum at ante suscipit, ac posuere metus elementum. In accumsan nunc venenatis convallis auctor. Praesent a justo mattis, pellentesque lacus placerat, ornare est. Maecenas quis lorem hendrerit, vulputate nulla et, mollis risus. Sed et nisi ut ante auctor aliquet nec vel velit. Pellentesque dictum libero eu odio ultricies pellentesque.

Pellentesque ullamcorper dui tincidunt pellentesque tempus. Nulla semper ipsum sed sapien fringilla vehicula. Cras bibendum erat rhoncus felis ultrices posuere. Suspendisse quis justo et tellus mollis suscipit ut sed metus. Donec in tellus ut libero scelerisque venenatis. Vestibulum consectetur ante vel mattis venenatis.