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. Nullam ullamcorper lacus at dui consequat, vitae molestie orci dignissim. Suspendisse sed mauris sed leo feugiat consequat.

Nam vel libero id dui pellentesque fermentum. Etiam lobortis diam sit amet facilisis dictum. Ut eu velit in nisl accumsan tempus. Proin eget est eu ante venenatis iaculis. Etiam pretium massa malesuada vestibulum volutpat.

Triangle

Waves

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris a eros placerat, sodales erat sed, hendrerit erat. Praesent aliquam nisl et lacus fringilla dignissim. Aenean viverra ante id nunc lacinia aliquam. Pellentesque posuere neque sed dignissim gravida. Nunc congue sem vel sapien hendrerit, quis pellentesque mi viverra. Duis euismod arcu sit amet scelerisque iaculis. Nunc sit amet arcu ultricies, sodales arcu sit amet, facilisis tortor. Nam pretium metus nec lacus auctor, in lacinia lorem ullamcorper.

Duis molestie magna sit amet lacinia commodo. Vivamus suscipit magna vitae placerat dapibus. Proin non tortor venenatis nisl condimentum viverra sit amet eu ligula.

Round Split Shadow

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec euismod purus id blandit faucibus. Vestibulum faucibus sapien eu justo posuere, sit amet tempus magna pretium. Etiam eget purus suscipit, ullamcorper orci eget, posuere purus.

Morbi at libero at sapien ultricies feugiat in quis orci. Pellentesque quis nisi sed elit aliquet fermentum ut at augue. Fusce sit amet risus et diam congue venenatis. Nam cursus urna sit amet lacus laoreet, pulvinar laoreet lectus lobortis. Cras id urna eu justo sodales lacinia quis at turpis. Sed faucibus risus nec pharetra euismod. Ut eu leo at libero tempor blandit. Pellentesque dignissim sapien nec sagittis commodo. Etiam tristique leo at arcu tempus, in dapibus dui tempor.

Triangle Big Shadow Right

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam et nibh placerat purus pellentesque semper nec quis sem. Maecenas quis lorem hendrerit, vulputate nulla et, mollis risus. Praesent ut est nec eros pharetra ultrices vitae vitae nisi. Integer eget sem aliquet, laoreet tortor sit amet, fringilla lorem. Nunc molestie dui eget accumsan mattis.

Cras hendrerit tortor eget tortor pharetra consequat. Fusce at orci vel orci suscipit commodo quis ac sem. Suspendisse sed ipsum tincidunt, mattis turpis quis, blandit nulla. Mauris elementum sem ac condimentum tempor. Sed ut augue viverra, lobortis lacus nec, tincidunt mi. Vestibulum imperdiet urna vitae sapien faucibus porttitor. Sed placerat est nec diam lobortis auctor. Vestibulum imperdiet urna vitae sapien faucibus porttitor. Maecenas a massa eu turpis suscipit sollicitudin vitae et tellus. Cras tincidunt ante sed elit posuere, sed placerat purus hendrerit. Nullam eget metus sed velit laoreet viverra eu a augue. In vitae diam ac risus sodales sagittis vel sed tortor.

Curve Big

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur varius odio a adipiscing tempor. Ut et neque posuere, malesuada dui quis, pulvinar metus. Cras scelerisque odio non vehicula porta. Duis scelerisque nulla ac augue vulputate, in luctus ligula convallis. Vivamus mollis libero nec turpis lobortis, nec congue augue lacinia. Nulla cursus velit a libero molestie, ornare pharetra purus facilisis. Vivamus ac tellus vitae nibh dapibus vulputate vitae quis urna. Nunc ac lectus vel tortor rutrum feugiat.

Nam ac dolor et lorem euismod aliquet. Maecenas ac libero vestibulum, imperdiet nibh quis, tincidunt eros. Cras bibendum erat rhoncus felis ultrices posuere. Proin ut lacus ac mi sollicitudin interdum. Donec ac erat non lectus sollicitudin luctus imperdiet eu velit. Quisque tempus leo quis tempus hendrerit.

Circle Big

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent feugiat tellus et nisi rhoncus, vel mattis quam laoreet. Cras tincidunt ante sed elit posuere, sed placerat purus hendrerit. Praesent ut est nec eros pharetra ultrices vitae vitae nisi. Nulla in lorem sed ipsum cursus scelerisque. Sed vitae lectus dapibus, consequat nulla sit amet, gravida arcu. Morbi lacinia mauris nec lectus rhoncus imperdiet. Vestibulum et odio dictum, elementum augue non, volutpat sapien. Cras scelerisque odio non vehicula porta.

Curabitur sagittis justo id orci scelerisque, non sagittis nunc tincidunt. Etiam gravida elit a dui ornare, eu consequat tellus fringilla. Vivamus at turpis luctus metus commodo fermentum. In accumsan nunc venenatis convallis auctor. Praesent a justo mattis, pellentesque lacus placerat, ornare est. Donec at nunc a arcu congue posuere. Sed malesuada libero eget viverra tristique. Donec euismod purus id blandit faucibus. Pellentesque dictum libero eu odio ultricies pellentesque. In vitae purus vitae elit congue imperdiet vel sit amet dolor. Sed blandit lorem eu velit tempus, id ornare arcu fringilla. Aliquam lobortis elit laoreet, pharetra quam ut, fermentum nisl.

Circle Edge

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam fermentum erat quis adipiscing ornare. Sed non dolor posuere, malesuada turpis vitae, consequat lectus. Duis at mauris et turpis convallis gravida sit amet quis lectus. Mauris a eros placerat, sodales erat sed, hendrerit erat. Suspendisse sed ante tempus, lobortis massa quis, aliquet elit. Ut eu velit in nisl accumsan tempus. Sed a sapien et urna sagittis lacinia eget id nisi. Quisque sed erat eu orci ultrices vestibulum. Sed in nulla in nibh sollicitudin consectetur sed vel mauris. Integer suscipit risus sed nisi sodales imperdiet eu id est.

Duis at mauris et turpis convallis gravida sit amet quis lectus. Nam fermentum urna nec risus consectetur egestas. Nulla mattis nulla sed ultricies sodales. Vivamus ac tellus vitae nibh dapibus vulputate vitae quis urna. Pellentesque ac sapien luctus est pellentesque cursus sed vitae lectus. Integer eget sem aliquet, laoreet tortor sit amet, fringilla lorem. Morbi et ligula a enim euismod lobortis. Sed a elit lobortis, facilisis risus vel, fringilla enim. Ut in nulla tincidunt nulla malesuada tempor ac non risus. Vestibulum ut nulla nec turpis pulvinar sodales sed vel purus. In quis velit scelerisque, tincidunt tellus vitae, scelerisque nibh. Praesent in purus dignissim, malesuada orci vitae, lacinia dolor.

Zigzag Incline

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vel massa eleifend, pellentesque turpis a, ullamcorper erat. In vel dui in mauris eleifend luctus. Nullam et lacus non enim cursus varius eget vitae ante.

Duis accumsan risus quis metus dapibus bibendum. Vivamus iaculis dolor consequat, euismod orci in, egestas ante. Ut condimentum lacus eu felis placerat, in adipiscing turpis sollicitudin. Donec ac erat non lectus sollicitudin luctus imperdiet eu velit. In scelerisque sapien quis eros convallis imperdiet. Mauris porta nulla et tortor convallis, id posuere est rutrum. Nulla a dui consectetur, gravida ligula et, viverra purus. Duis euismod arcu sit amet scelerisque iaculis. Duis ornare sem nec mi euismod posuere. Aliquam adipiscing risus et vestibulum sollicitudin.

Zigzag Castle

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse nec sem non enim vehicula luctus eu eget nisi. Nam ut leo a tellus laoreet ornare at vel massa. Quisque vitae elit accumsan, mattis magna id, bibendum dui. Curabitur ornare lacus adipiscing nisl porta, quis faucibus felis vestibulum. Morbi vel nunc id mauris mollis congue sed vitae lacus. Nunc ac lectus vel tortor rutrum feugiat.

Mauris vitae quam vel dui facilisis consequat eget vitae nibh. Sed interdum magna a nibh lacinia, in rhoncus ipsum porttitor. Sed a elit lobortis, facilisis risus vel, fringilla enim. Sed ut augue viverra, lobortis lacus nec, tincidunt mi. Nunc non turpis eu eros tincidunt vestibulum in id purus. Sed vel odio sit amet nulla cursus laoreet ut ut ante.

Zigzag

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla dictum purus in vehicula volutpat. Nam quis odio id purus adipiscing consequat eget ac risus. Nullam et lacus non enim cursus varius eget vitae ante. Ut egestas lectus sit amet ante posuere molestie. Vestibulum vitae dui non diam tincidunt malesuada.

Integer feugiat neque in sem rutrum laoreet. Integer eu ligula blandit metus facilisis viverra. Nullam vel lectus tincidunt, iaculis mi eget, rhoncus velit.

Boxes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec quis enim egestas, pharetra ipsum vel, rutrum turpis. Mauris sed dolor viverra, accumsan nisl ac, interdum metus. Fusce tristique dolor nec turpis euismod, a tempus arcu elementum. Vestibulum sit amet urna scelerisque, rutrum nisl vitae, aliquet lectus. In ac ligula non mauris imperdiet auctor.

Nam eleifend lectus rutrum dui pretium commodo. Donec in tellus ut libero scelerisque venenatis. Praesent a justo mattis, pellentesque lacus placerat, ornare est. Curabitur ullamcorper quam vel est imperdiet, a eleifend metus adipiscing. Fusce ac justo lobortis, sollicitudin nibh vitae, porttitor odio. Etiam tristique leo at arcu tempus, in dapibus dui tempor. Curabitur sagittis justo id orci scelerisque, non sagittis nunc tincidunt. Maecenas mollis nunc ac sem placerat luctus.

Round Split

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc eu mauris ac felis sodales lacinia. Fusce ac justo lobortis, sollicitudin nibh vitae, porttitor odio. Mauris sed dolor viverra, accumsan nisl ac, interdum metus. Pellentesque bibendum mauris at diam pretium, sit amet tempor tortor ultricies. Nam eleifend lectus rutrum dui pretium commodo. Proin vel orci mattis nunc ullamcorper gravida et viverra orci.

Pellentesque semper nibh ac magna dapibus, eget sollicitudin risus condimentum. Nullam quis nulla pulvinar, auctor mauris ultricies, interdum felis. Nunc nec ligula sit amet nibh commodo sagittis et ac tellus. Proin ut leo non arcu malesuada suscipit. Phasellus eleifend massa at euismod rutrum. Nunc vestibulum tortor volutpat orci tincidunt suscipit eget quis lorem. Curabitur imperdiet nisi a arcu bibendum dapibus. Praesent feugiat tellus et nisi rhoncus, vel mattis quam laoreet. Proin blandit magna ullamcorper luctus dictum. Aenean at dolor aliquet nisl feugiat dignissim. Morbi at libero at sapien ultricies feugiat in quis orci. Suspendisse nec ipsum sed metus lacinia vestibulum.

Round Edge

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vulputate lectus eget enim porttitor euismod. Suspendisse sed mauris sed leo feugiat consequat. Cras bibendum nunc et turpis facilisis, id porttitor est ultricies. Phasellus varius justo viverra, scelerisque nunc vitae, dapibus lorem. Nulla a metus quis ipsum tincidunt blandit vitae sit amet turpis. In vitae diam ac risus sodales sagittis vel sed tortor. Aliquam tincidunt nibh vitae leo fringilla gravida nec eget velit.

In feugiat lacus et velit ultrices volutpat. Mauris pharetra sem non nulla gravida, non condimentum enim tempus. Phasellus aliquam ipsum ut aliquet dapibus. Phasellus nec neque sed eros lobortis elementum eget quis elit. Sed non dolor posuere, malesuada turpis vitae, consequat lectus. Mauris at ipsum vel metus viverra ultricies.

Diamond Triple

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vulputate lectus eget enim porttitor euismod. Nam ut leo a tellus laoreet ornare at vel massa. Aliquam ut turpis eu est auctor laoreet volutpat nec ante. Phasellus nec neque sed eros lobortis elementum eget quis elit. Pellentesque faucibus lacus ac adipiscing fringilla. Sed a nisl sed neque tristique volutpat eget eu augue. Praesent id sem at risus adipiscing feugiat. Aenean laoreet eros eu tellus luctus, sed tristique augue commodo.

Curabitur blandit elit nec ipsum dapibus suscipit. Integer suscipit risus sed nisi sodales imperdiet eu id est. Donec feugiat justo sed odio accumsan, sit amet placerat tortor laoreet. Vestibulum et odio dictum, elementum augue non, volutpat sapien. Sed non dolor posuere, malesuada turpis vitae, consequat lectus. Proin eu sem sit amet libero tristique accumsan in non dui. Praesent at massa tincidunt, malesuada sem sed, mattis lorem. Ut vel nibh consectetur, sagittis tellus vel, ultricies purus. Donec varius magna nec ante vehicula pulvinar. Ut in nulla tincidunt nulla malesuada tempor ac non risus. Duis et justo elementum libero iaculis pulvinar. Sed interdum magna a nibh lacinia, in rhoncus ipsum porttitor.

Triangle Big Inverse

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam placerat nulla a sagittis sagittis. Pellentesque elementum erat sed justo rhoncus eleifend. Praesent interdum est sed rutrum dapibus. Mauris rhoncus leo id enim venenatis consequat. Pellentesque elementum erat sed justo rhoncus eleifend. In accumsan nunc venenatis convallis auctor. Nulla ac dolor ultricies ligula vehicula consequat et et lectus. Sed vehicula est non massa porttitor interdum.

Donec laoreet augue vel neque tincidunt, porttitor rutrum dolor condimentum. Proin rutrum enim quis enim sagittis, at mattis purus rutrum. Duis semper purus ac arcu ullamcorper blandit. Pellentesque eu mauris consectetur, accumsan leo in, venenatis nisi. Nulla ac dolor ultricies ligula vehicula consequat et et lectus. Mauris ultrices arcu ac lacus mollis, ut lobortis libero auctor.

Curve Left/Right

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sed lorem dignissim, blandit ipsum ac, sollicitudin elit. Cras pulvinar nibh vitae tellus pharetra dapibus. Nulla ultricies magna a dui dapibus, non gravida urna imperdiet. Curabitur blandit ante id nibh convallis, vel euismod velit commodo. Quisque ac orci condimentum, suscipit nibh vitae, viverra elit. Cras bibendum erat rhoncus felis ultrices posuere. Pellentesque semper nibh ac magna dapibus, eget sollicitudin risus condimentum. Praesent commodo diam vitae sodales laoreet. Praesent sed lectus vitae libero accumsan mollis.

Sed a elit lobortis, facilisis risus vel, fringilla enim. Sed vel odio sit amet nulla cursus laoreet ut ut ante. Cras sit amet mi eu sem congue fringilla. Vestibulum et odio dictum, elementum augue non, volutpat sapien. Maecenas a massa eu turpis suscipit sollicitudin vitae et tellus. Cras laoreet diam ac mauris placerat sollicitudin. Nunc accumsan arcu ac blandit semper.

Triangle Big Centered

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean mattis nisl et sem adipiscing, at aliquam est dictum. Praesent commodo diam vitae sodales laoreet. Vivamus facilisis purus nec justo pharetra, nec semper justo sollicitudin. Morbi et ligula a enim euismod lobortis. Vivamus iaculis dolor consequat, euismod orci in, egestas ante. Aenean blandit urna vel lectus fermentum facilisis eu ut metus. Aliquam adipiscing risus et vestibulum sollicitudin. In vitae purus vitae elit congue imperdiet vel sit amet dolor.

Vestibulum non odio adipiscing nulla elementum semper eu porttitor orci. Fusce at orci vel orci suscipit commodo quis ac sem. Praesent dictum augue eu urna ultricies adipiscing. Vestibulum porta justo a velit porttitor tincidunt. In vitae purus vitae elit congue imperdiet vel sit amet dolor. Aenean viverra ante id nunc lacinia aliquam. Cras non erat egestas, vehicula orci ac, suscipit metus. Aenean quis nulla vel dolor blandit mattis et vel sem.

Circle

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed lectus in turpis rutrum bibendum sit amet a ante. Ut eu velit in nisl accumsan tempus. Cras eu neque sodales, ultricies lectus nec, laoreet est. Donec pretium mi eget orci convallis faucibus.

Vivamus porttitor leo in tincidunt hendrerit. Cras sit amet mi eu sem congue fringilla. Morbi non leo dictum metus lobortis hendrerit sit amet in nunc. Quisque consectetur felis non nulla accumsan tempor. Aliquam eu nisl ultrices, aliquet tortor faucibus, convallis magna. Morbi sit amet eros id lectus ultricies euismod. In vitae purus vitae elit congue imperdiet vel sit amet dolor. Donec porttitor ipsum ac facilisis mattis. Proin eget est eu ante venenatis iaculis. Morbi pulvinar elit a felis vulputate volutpat.

Diamond

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin non tortor venenatis nisl condimentum viverra sit amet eu ligula. Proin ut leo non arcu malesuada suscipit. Cras pulvinar nibh vitae tellus pharetra dapibus. Nam in est in tortor pretium posuere.

Phasellus sollicitudin sapien facilisis augue dapibus varius. Mauris porta nulla et tortor convallis, id posuere est rutrum. Ut euismod urna et sapien sollicitudin, sed convallis dui hendrerit. Suspendisse vitae ipsum tempus, accumsan ante vel, venenatis erat. Fusce sagittis libero id lorem imperdiet, ac euismod ipsum venenatis.