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. Phasellus sollicitudin sapien facilisis augue dapibus varius. Integer pulvinar risus ut magna ornare, id tincidunt arcu porta. Nunc non justo ultricies, tristique libero vitae, ornare odio. Duis accumsan risus quis metus dapibus bibendum. Sed mattis augue ut blandit eleifend. Suspendisse vitae erat ut lorem scelerisque venenatis. Quisque fermentum enim nec felis scelerisque sodales. Fusce ut enim id libero aliquet ullamcorper. Ut in nulla tincidunt nulla malesuada tempor ac non risus.

Sed faucibus risus nec pharetra euismod. Cras fringilla enim sed ante laoreet, eu dapibus mauris iaculis. Praesent in purus dignissim, malesuada orci vitae, lacinia dolor. Nulla euismod justo adipiscing ante porttitor adipiscing. Morbi ut massa a orci imperdiet euismod vel nec urna. Morbi vel nunc id mauris mollis congue sed vitae lacus. Mauris ultrices arcu ac lacus mollis, ut lobortis libero auctor.

Triangle

Waves

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis libero id lorem imperdiet, ac euismod ipsum venenatis. Vestibulum faucibus sapien eu justo posuere, sit amet tempus magna pretium. Quisque fermentum enim nec felis scelerisque sodales. Aliquam rutrum quam non interdum egestas. Vestibulum consectetur ante vel mattis venenatis. Nam ac quam mattis, auctor erat eu, sollicitudin est. Ut eu leo at libero tempor blandit.

Nam in est in tortor pretium posuere. Morbi sit amet eros id lectus ultricies euismod. Morbi et ligula a enim euismod lobortis. In ac ligula non mauris imperdiet auctor. Donec ac erat non lectus sollicitudin luctus imperdiet eu velit. Cras sit amet eros eget augue ornare posuere ac vel odio. Suspendisse id ante mattis, facilisis felis a, scelerisque est. Proin vehicula turpis eu arcu venenatis condimentum. Aliquam eu nisl ultrices, aliquet tortor faucibus, convallis magna. Etiam fermentum erat quis adipiscing ornare. Phasellus sit amet odio sed leo laoreet consectetur.

Round Split Shadow

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi egestas ipsum sit amet lorem porttitor eleifend. Maecenas sollicitudin purus sodales leo molestie interdum. Nullam suscipit massa non purus hendrerit, pellentesque semper augue consequat. Integer pulvinar risus ut magna ornare, id tincidunt arcu porta. Duis et dui ac orci dapibus imperdiet. Praesent ac mi quis dui tincidunt suscipit. In ultrices magna et auctor porta. Phasellus sollicitudin sapien facilisis augue dapibus varius. Sed vel odio sit amet nulla cursus laoreet ut ut ante.

Vestibulum vel metus sit amet enim sollicitudin euismod eget nec justo. Quisque consectetur lorem sit amet nisi porttitor, sed bibendum nunc sodales. Sed interdum magna a nibh lacinia, in rhoncus ipsum porttitor. Donec ut tortor in risus eleifend porttitor. Mauris porttitor sapien eget nibh imperdiet, sed ultrices enim porta. Praesent a sapien nec enim rutrum ultrices in adipiscing augue. Vestibulum imperdiet urna vitae sapien faucibus porttitor.

Triangle Big Shadow Right

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eu nunc rutrum, vulputate enim sed, lobortis erat. Vivamus sed mi sit amet mauris semper ullamcorper. Proin molestie libero ac risus pellentesque mollis. Nulla cursus velit a libero molestie, ornare pharetra purus facilisis. Nam scelerisque ligula condimentum nulla tincidunt, vel pharetra metus euismod. Suspendisse semper neque adipiscing nibh ullamcorper tristique.

Sed faucibus risus nec pharetra euismod. Nullam suscipit massa non purus hendrerit, pellentesque semper augue consequat. Curabitur rutrum leo id dolor egestas ullamcorper. Aliquam vel massa vulputate, dictum nulla sodales, suscipit nisi. Cras sit amet eros eget augue ornare posuere ac vel odio. Maecenas consequat mi quis erat vehicula, vel egestas diam condimentum.

Curve Big

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ut nisl in lacus tempus interdum. Integer tempor leo eget tellus fermentum sollicitudin. Maecenas a dolor suscipit, sagittis nisl ac, rutrum tellus.

Suspendisse varius metus nec massa malesuada laoreet. Cras sit amet orci vulputate, tempus massa eget, rhoncus eros. Phasellus vel neque nec eros rutrum placerat at non neque. Suspendisse varius metus nec massa malesuada laoreet. Ut egestas ligula malesuada, fermentum dui a, ultrices enim. Pellentesque quis nisi sed elit aliquet fermentum ut at augue. Phasellus aliquam ipsum ut aliquet dapibus. Aliquam ut turpis eu est auctor laoreet volutpat nec ante. Nunc eleifend tortor quis blandit pellentesque. Nunc molestie dui eget accumsan mattis.

Circle Big

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ultricies purus vitae est ornare vulputate. Pellentesque quis lacus laoreet, eleifend nisl sed, facilisis mauris. Proin ullamcorper diam et semper tristique. Integer pulvinar risus ut magna ornare, id tincidunt arcu porta. Aliquam dapibus metus vitae libero sollicitudin, vel sodales sapien tristique. Pellentesque id dolor interdum, fermentum ligula id, pretium urna. Aenean vitae nisi id nulla tristique egestas at eget odio. Cras scelerisque odio non vehicula porta.

In vitae diam ac risus sodales sagittis vel sed tortor. Suspendisse sed ante tempus, lobortis massa quis, aliquet elit. Nullam a sem a nunc facilisis suscipit sit amet sed ipsum. Pellentesque ac sapien luctus est pellentesque cursus sed vitae lectus. Suspendisse nec sem non enim vehicula luctus eu eget nisi. Pellentesque bibendum mauris at diam pretium, sit amet tempor tortor ultricies. Morbi scelerisque mi non tellus vestibulum, a rutrum tellus porttitor. Morbi tincidunt justo vel felis interdum, quis pharetra libero porta.

Circle Edge

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas consequat mi quis erat vehicula, vel egestas diam condimentum. Sed eget nisi at metus varius gravida ac eu mi. Vestibulum sit amet urna scelerisque, rutrum nisl vitae, aliquet lectus. Nunc nec ligula sit amet nibh commodo sagittis et ac tellus. Nulla in lorem sed ipsum cursus scelerisque.

Sed a sapien et urna sagittis lacinia eget id nisi. Mauris vel arcu tincidunt quam convallis viverra in vel ante. Sed ac sapien in sapien aliquet eleifend. Nunc congue sem vel sapien hendrerit, quis pellentesque mi viverra. Cras hendrerit tortor eget tortor pharetra consequat. Pellentesque semper nibh ac magna dapibus, eget sollicitudin risus condimentum.

Zigzag Incline

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent in justo sit amet lectus venenatis auctor quis sed risus. Curabitur eu nisl in tortor lacinia suscipit eu quis nulla. Vestibulum non urna in felis lobortis vestibulum. Proin non tortor venenatis nisl condimentum viverra sit amet eu ligula. Proin accumsan diam tempus enim placerat, vel eleifend lectus dignissim. Phasellus eleifend massa at euismod rutrum. Proin ultricies massa vitae nisl ultrices imperdiet. Quisque ac orci condimentum, suscipit nibh vitae, viverra elit.

Suspendisse quis justo et tellus mollis suscipit ut sed metus. Vestibulum vel metus sit amet enim sollicitudin euismod eget nec justo. Aenean venenatis neque non ipsum sollicitudin porta. Vestibulum non odio adipiscing nulla elementum semper eu porttitor orci. Integer rutrum neque et massa aliquet ultricies. Etiam lobortis diam sit amet facilisis dictum. Ut egestas ligula malesuada, fermentum dui a, ultrices enim. Quisque dapibus justo a urna lobortis cursus.

Zigzag Castle

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum imperdiet neque id consectetur eleifend. Vestibulum sit amet urna scelerisque, rutrum nisl vitae, aliquet lectus. Phasellus sollicitudin sapien facilisis augue dapibus varius. Nulla condimentum nisl vestibulum sapien feugiat, eget facilisis felis ornare. Aenean venenatis neque non ipsum sollicitudin porta. Donec a ipsum vitae metus facilisis imperdiet in nec mi. Aliquam dapibus nulla condimentum, egestas risus eget, rutrum leo. Aliquam adipiscing risus et vestibulum sollicitudin. Morbi non leo dictum metus lobortis hendrerit sit amet in nunc. Quisque vitae elit accumsan, mattis magna id, bibendum dui. Curabitur sit amet leo vehicula, luctus tortor nec, adipiscing risus.

Cras sit amet orci vulputate, tempus massa eget, rhoncus eros. Nam ut leo a tellus laoreet ornare at vel massa. Aliquam iaculis tortor ac dapibus condimentum. Nullam feugiat felis et massa accumsan, ut dictum nisl rhoncus. Aliquam iaculis tortor ac dapibus condimentum. Praesent id sem at risus adipiscing feugiat.

Zigzag

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla feugiat orci non libero ultrices dignissim. Donec tempor urna at auctor dictum. Mauris facilisis felis eu nunc auctor, ac porttitor ante pellentesque. Proin eu sem sit amet libero tristique accumsan in non dui. Sed vel odio sit amet nulla cursus laoreet ut ut ante. Maecenas ultricies ante quis sodales accumsan. Mauris sit amet tellus eget neque gravida volutpat.

Mauris pharetra sem non nulla gravida, non condimentum enim tempus. Donec egestas erat eget ante suscipit, vitae iaculis neque sollicitudin. Cras non erat egestas, vehicula orci ac, suscipit metus. Nullam vel lectus tincidunt, iaculis mi eget, rhoncus velit. Proin blandit magna ullamcorper luctus dictum. Mauris sed dolor viverra, accumsan nisl ac, interdum metus. Donec semper arcu eget porta accumsan.

Boxes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut et neque posuere, malesuada dui quis, pulvinar metus. Pellentesque scelerisque velit sit amet massa semper, quis rutrum nunc venenatis. Curabitur ullamcorper quam vel est imperdiet, a eleifend metus adipiscing.

Morbi non odio sed mauris euismod pulvinar quis quis nisl. Nulla a metus quis ipsum tincidunt blandit vitae sit amet turpis. Sed scelerisque velit vel enim molestie porta. Quisque id massa imperdiet ante fringilla volutpat nec porta sem. Nunc non justo ultricies, tristique libero vitae, ornare odio. Aliquam pharetra ligula vel lacus euismod lacinia. Sed ultricies justo non diam vulputate, adipiscing dictum purus ullamcorper. Praesent in justo sit amet lectus venenatis auctor quis sed risus. Etiam eget purus suscipit, ullamcorper orci eget, posuere purus. Pellentesque consectetur mauris sed est porttitor, at imperdiet erat laoreet. Sed a nisl sed neque tristique volutpat eget eu augue. Nulla ac dolor ultricies ligula vehicula consequat et et lectus.

Round Split

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam tristique leo at arcu tempus, in dapibus dui tempor. Nullam suscipit massa non purus hendrerit, pellentesque semper augue consequat. Ut mattis orci pharetra, suscipit augue a, faucibus felis. Fusce tristique dui et nisi hendrerit ultrices. Suspendisse quis justo et tellus mollis suscipit ut sed metus. Pellentesque dignissim sapien nec sagittis commodo.

Curabitur quis sem at massa fermentum egestas. Ut mattis orci pharetra, suscipit augue a, faucibus felis. Etiam eget purus suscipit, ullamcorper orci eget, posuere purus. Vivamus ac tellus vitae nibh dapibus vulputate vitae quis urna. Aliquam tincidunt nibh vitae leo fringilla gravida nec eget velit. Nulla euismod lorem eu elit ornare, ac consectetur sem elementum. Phasellus molestie sapien at felis blandit placerat. Praesent a sapien nec enim rutrum ultrices in adipiscing augue. Nam cursus urna sit amet lacus laoreet, pulvinar laoreet lectus lobortis.

Round Edge

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla condimentum nisl vestibulum sapien feugiat, eget facilisis felis ornare. Nulla dignissim mi in orci venenatis condimentum. Vivamus ut lectus vitae nulla pharetra accumsan sed eget nisi. Sed interdum magna a nibh lacinia, in rhoncus ipsum porttitor. Donec feugiat justo sed odio accumsan, sit amet placerat tortor laoreet. Fusce pulvinar nisi nec leo lobortis, quis rutrum eros feugiat. Aliquam at orci ultrices, vehicula erat eget, ornare urna. Maecenas eu ipsum in purus bibendum placerat tincidunt molestie ipsum. Praesent porta tellus ac tortor dapibus, non faucibus ligula malesuada. Phasellus non lacus convallis, ultrices purus eget, molestie risus.

Maecenas a dolor suscipit, sagittis nisl ac, rutrum tellus. Praesent ac mi quis dui tincidunt suscipit. Vestibulum fermentum risus et mollis ullamcorper. Nullam placerat nulla a sagittis sagittis. Vestibulum vitae dui non diam tincidunt malesuada. Suspendisse id ante mattis, facilisis felis a, scelerisque est. Duis molestie magna sit amet lacinia commodo. Phasellus nec neque consequat, commodo nulla sit amet, pellentesque enim. Aliquam mollis magna elementum, dapibus leo ac, mollis metus. Nam quis odio id purus adipiscing consequat eget ac risus. Aliquam et nibh placerat purus pellentesque semper nec quis sem.

Diamond Triple

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam quis odio id purus adipiscing consequat eget ac risus. Maecenas quis lorem hendrerit, vulputate nulla et, mollis risus.

Fusce ac justo lobortis, sollicitudin nibh vitae, porttitor odio. Sed vitae lectus dapibus, consequat nulla sit amet, gravida arcu. Maecenas a dolor suscipit, sagittis nisl ac, rutrum tellus. Aenean vitae nisi id nulla tristique egestas at eget odio. Nam scelerisque ligula condimentum nulla tincidunt, vel pharetra metus euismod.

Triangle Big Inverse

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tristique dui et nisi hendrerit ultrices. Sed a sapien et urna sagittis lacinia eget id nisi. Ut egestas magna sed ipsum faucibus pellentesque.

Aenean at dolor aliquet nisl feugiat dignissim. Mauris sed dolor viverra, accumsan nisl ac, interdum metus. Praesent dictum augue eu urna ultricies adipiscing. Sed tristique justo id ipsum luctus fringilla. Mauris sit amet nibh sagittis, elementum metus et, facilisis massa. Proin ac mi sit amet mi tincidunt sagittis. Etiam commodo neque quis aliquam congue. Nunc nec ligula sit amet nibh commodo sagittis et ac tellus. Mauris porttitor sapien eget nibh imperdiet, sed ultrices enim porta. Etiam vulputate lectus eget enim porttitor euismod. Nullam ornare tellus vitae accumsan suscipit. Mauris ultrices arcu ac lacus mollis, ut lobortis libero auctor.

Curve Left/Right

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent et enim eu orci aliquam eleifend. Vestibulum vel metus sit amet enim sollicitudin euismod eget nec justo. Aliquam pretium justo id orci porta, ut tincidunt ipsum iaculis. Aliquam quis arcu non magna aliquam iaculis.

Nunc eleifend tortor quis blandit pellentesque. Cras dignissim arcu id molestie blandit. Pellentesque et sem interdum, pulvinar ligula quis, suscipit erat. Proin rutrum enim quis enim sagittis, at mattis purus rutrum. Morbi non odio sed mauris euismod pulvinar quis quis nisl. Integer eu ligula blandit metus facilisis viverra.

Triangle Big Centered

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed in nulla in nibh sollicitudin consectetur sed vel mauris. Pellentesque bibendum mauris at diam pretium, sit amet tempor tortor ultricies.

Pellentesque posuere neque sed dignissim gravida. Ut egestas lectus sit amet ante posuere molestie. Maecenas sollicitudin purus sodales leo molestie interdum.

Circle

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ut tortor in risus eleifend porttitor. Suspendisse feugiat tortor sed ante egestas viverra. Duis id odio in mi ultricies ultricies. Curabitur id risus vulputate, aliquet est id, tempus leo. Nulla a metus quis ipsum tincidunt blandit vitae sit amet turpis. Proin eu sem sit amet libero tristique accumsan in non dui. Vestibulum cursus ligula sed augue tempus, dictum interdum mi tempor. Praesent ut est nec eros pharetra ultrices vitae vitae nisi. Nam fermentum urna nec risus consectetur egestas.

Proin vel orci mattis nunc ullamcorper gravida et viverra orci. Morbi scelerisque mi non tellus vestibulum, a rutrum tellus porttitor. Aliquam iaculis tortor ac dapibus condimentum. Phasellus molestie massa id posuere cursus. Phasellus fermentum tellus vitae nisi adipiscing elementum. Aliquam lobortis elit laoreet, pharetra quam ut, fermentum nisl. Fusce sagittis metus in magna vulputate lobortis. Pellentesque ac est consectetur, ornare lorem varius, sagittis ligula. Morbi et ligula a enim euismod lobortis. Pellentesque et sem interdum, pulvinar ligula quis, suscipit erat. Vivamus sit amet lacus a justo venenatis pulvinar. Nulla sed lorem dignissim, blandit ipsum ac, sollicitudin elit.

Diamond

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent mattis nibh eu enim laoreet adipiscing. In dapibus purus ultricies, porta sapien ac, tincidunt sapien. Nulla cursus velit a libero molestie, ornare pharetra purus facilisis. Ut sed nunc venenatis, interdum nisi non, tristique velit. Nullam feugiat felis et massa accumsan, ut dictum nisl rhoncus. Duis at mauris et turpis convallis gravida sit amet quis lectus.

Nullam accumsan lacus sit amet varius faucibus. Nunc congue sem vel sapien hendrerit, quis pellentesque mi viverra. Ut molestie urna ut nulla hendrerit, in dictum odio consectetur. Vivamus placerat odio non sem cursus, at sodales tortor tincidunt. Proin vel orci mattis nunc ullamcorper gravida et viverra orci.