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. Cras in ante et erat porta luctus. Fusce tristique dolor nec turpis euismod, a tempus arcu elementum. Suspendisse sed sem sed lorem sagittis auctor non non augue. Pellentesque semper nibh ac magna dapibus, eget sollicitudin risus condimentum. Aenean nec mauris et quam interdum tristique. Vestibulum faucibus sapien eu justo posuere, sit amet tempus magna pretium. Fusce tristique est non ligula iaculis, et accumsan neque euismod.

Aenean mattis nisl et sem adipiscing, at aliquam est dictum. Proin molestie libero ac risus pellentesque mollis. Donec porttitor ipsum ac facilisis mattis. Donec tempor urna at auctor dictum. Suspendisse semper neque adipiscing nibh ullamcorper tristique. Phasellus eu mi quis nibh consectetur auctor.

Triangle

Waves

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vitae libero ac ipsum ultrices mollis. Phasellus commodo dolor a mi condimentum tristique. Pellentesque id dolor interdum, fermentum ligula id, pretium urna. Proin vel orci mattis nunc ullamcorper gravida et viverra orci. Vivamus ac leo mollis, posuere sapien id, accumsan sapien. Duis et justo elementum libero iaculis pulvinar. Duis id odio in mi ultricies ultricies. Vestibulum ut massa dapibus, aliquet magna lacinia, volutpat tellus.

Pellentesque sit amet urna eget nisl luctus tristique at non odio. Duis ut dui ac lacus congue suscipit sed eu augue. Cras pulvinar nibh vitae tellus pharetra dapibus. Morbi sit amet massa nec elit lobortis dictum id at leo. Donec varius magna nec ante vehicula pulvinar. Duis at mauris et turpis convallis gravida sit amet quis lectus.

Round Split Shadow

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nec ligula id lacus gravida consequat. Maecenas a massa eu turpis suscipit sollicitudin vitae et tellus. Nulla dignissim mi in orci venenatis condimentum. Pellentesque sit amet quam nec tellus condimentum suscipit non et purus.

Etiam pretium massa malesuada vestibulum volutpat. Suspendisse sed ipsum tincidunt, mattis turpis quis, blandit nulla. Sed eget urna vel orci aliquam molestie quis sed elit. Duis feugiat orci quis tempor faucibus. Sed at turpis sed justo tincidunt blandit. Quisque consectetur felis non nulla accumsan tempor. Vestibulum imperdiet urna vitae sapien faucibus porttitor. Integer rutrum neque et massa aliquet ultricies. Sed a nisl sed neque tristique volutpat eget eu augue. Aliquam tincidunt nibh vitae leo fringilla gravida nec eget velit.

Triangle Big Shadow Right

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sed velit mollis enim gravida malesuada. Proin ac mi sit amet mi tincidunt sagittis. Donec varius magna nec ante vehicula pulvinar. Etiam eget purus suscipit, ullamcorper orci eget, posuere purus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed a sapien et urna sagittis lacinia eget id nisi. Praesent in purus dignissim, malesuada orci vitae, lacinia dolor.

Nulla sed lorem dignissim, blandit ipsum ac, sollicitudin elit. Nunc fermentum tortor pulvinar, auctor arcu sit amet, molestie ligula. Nunc non turpis eu eros tincidunt vestibulum in id purus. Aliquam dapibus nulla condimentum, egestas risus eget, rutrum leo. Donec semper arcu eget porta accumsan. Aenean vitae nisi id nulla tristique egestas at eget odio. Aliquam posuere nisi ac consequat venenatis. In quis velit scelerisque, tincidunt tellus vitae, scelerisque nibh. Fusce vitae libero ac ipsum ultrices mollis.

Curve Big

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc porta ante eu tellus venenatis suscipit. Maecenas quis lorem hendrerit, vulputate nulla et, mollis risus. Donec molestie urna ut velit facilisis fermentum. Donec pretium mi eget orci convallis faucibus. Sed vel dolor tempus, imperdiet erat in, varius orci. Pellentesque accumsan enim id convallis pellentesque. Nam ac quam mattis, auctor erat eu, sollicitudin est. Pellentesque ullamcorper dui tincidunt pellentesque tempus. Vestibulum porttitor augue a sapien rhoncus, eget blandit dui mattis. Praesent at massa tincidunt, malesuada sem sed, mattis lorem. Mauris sit amet nibh sagittis, elementum metus et, facilisis massa.

Morbi varius dui non nulla pretium, at auctor augue sollicitudin. Integer suscipit risus sed nisi sodales imperdiet eu id est. Cras at eros iaculis, euismod nunc vitae, cursus erat. Aenean blandit urna vel lectus fermentum facilisis eu ut metus. Fusce egestas sem ac vulputate consectetur. Duis accumsan risus quis metus dapibus bibendum. Proin eu sem sit amet libero tristique accumsan in non dui. Sed nec ligula id lacus gravida consequat. Etiam lobortis diam sit amet facilisis dictum. Aliquam sagittis leo eu sodales tristique. Aliquam eleifend nibh eget arcu ornare dapibus dignissim fringilla nibh.

Circle Big

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec quis dolor congue, consequat nibh ac, auctor nibh. Curabitur sagittis justo id orci scelerisque, non sagittis nunc tincidunt. Morbi et ligula a enim euismod lobortis. Ut eu velit in nisl accumsan tempus. Nam ut leo a tellus laoreet ornare at vel massa. Vivamus mollis libero nec turpis lobortis, nec congue augue lacinia.

Phasellus nec neque sed eros lobortis elementum eget quis elit. Proin ullamcorper diam et semper tristique. Vivamus porttitor leo in tincidunt hendrerit. Vivamus ut lectus vitae nulla pharetra accumsan sed eget nisi. Sed ac sapien in sapien aliquet eleifend. Quisque vitae elit accumsan, mattis magna id, bibendum dui. Phasellus commodo dolor a mi condimentum tristique. In in nulla vel arcu bibendum aliquet. Maecenas consequat mi quis erat vehicula, vel egestas diam condimentum. Vestibulum non urna in felis lobortis vestibulum. Morbi scelerisque mi non tellus vestibulum, a rutrum tellus porttitor.

Circle Edge

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vel velit eu diam molestie ornare nec quis turpis. Maecenas sollicitudin purus sodales leo molestie interdum. Maecenas a massa eu turpis suscipit sollicitudin vitae et tellus. Duis varius felis nec lectus ornare ultricies. In quis velit scelerisque, tincidunt tellus vitae, scelerisque nibh. In in nulla vel arcu bibendum aliquet.

Aenean laoreet eros eu tellus luctus, sed tristique augue commodo. Pellentesque eu mauris consectetur, accumsan leo in, venenatis nisi. Nulla dignissim mi in orci venenatis condimentum. Aenean nec mauris et quam interdum tristique. Integer id velit scelerisque lectus eleifend mattis. Nulla eu justo vitae diam bibendum volutpat vitae sit amet leo.

Zigzag Incline

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ut lacus vitae urna faucibus sollicitudin. Maecenas eu ipsum in purus bibendum placerat tincidunt molestie ipsum. Cras scelerisque odio non vehicula porta. Quisque vitae elit accumsan, mattis magna id, bibendum dui. Sed tristique urna non vehicula imperdiet. Donec quis nunc vitae nibh sagittis lacinia. Aliquam adipiscing risus et vestibulum sollicitudin.

Suspendisse vitae ipsum tempus, accumsan ante vel, venenatis erat. Ut in nulla tincidunt nulla malesuada tempor ac non risus. Integer eget sem aliquet, laoreet tortor sit amet, fringilla lorem. Etiam sit amet arcu egestas, viverra dui sit amet, sodales urna. Aliquam posuere nisi ac consequat venenatis. Etiam fermentum erat quis adipiscing ornare.

Zigzag Castle

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc eleifend tortor quis blandit pellentesque. Mauris a velit eget odio sollicitudin laoreet.

Pellentesque posuere neque sed dignissim gravida. Integer feugiat neque in sem rutrum laoreet. Aenean vehicula arcu in imperdiet posuere. Maecenas mollis nunc ac sem placerat luctus. Donec ac erat non lectus sollicitudin luctus imperdiet eu velit. Sed et nisi ut ante auctor aliquet nec vel velit. Praesent aliquam nisl et lacus fringilla dignissim. Nunc porta ante eu tellus venenatis suscipit. Fusce ac neque congue urna tristique scelerisque. Nulla semper ipsum sed sapien fringilla vehicula.

Zigzag

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum imperdiet neque id consectetur eleifend. In at augue ullamcorper, pellentesque arcu aliquet, ullamcorper turpis. Sed malesuada libero eget viverra tristique. Sed vitae lectus dapibus, consequat nulla sit amet, gravida arcu. Phasellus molestie massa id posuere cursus.

Cras sed mauris non massa tincidunt viverra a consequat ligula. Morbi et ligula a enim euismod lobortis. Phasellus suscipit urna id mauris fringilla accumsan. Proin quis magna nec nisl lacinia vulputate. Quisque ac orci condimentum, suscipit nibh vitae, viverra elit. Cras in ante et erat porta luctus. Nullam vel lectus tincidunt, iaculis mi eget, rhoncus velit. Nunc ut nisl in lacus tempus interdum. Nam quis odio id purus adipiscing consequat eget ac risus. Donec dapibus ante eu tellus tempus sodales. Fusce tristique dolor nec turpis euismod, a tempus arcu elementum. Suspendisse eu nunc rutrum, vulputate enim sed, lobortis erat.

Boxes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent porta tellus ac tortor dapibus, non faucibus ligula malesuada. Proin eget est eu ante venenatis iaculis. Etiam eu dolor eget arcu sodales posuere sit amet in dolor. Donec feugiat justo sed odio accumsan, sit amet placerat tortor laoreet. Vivamus sit amet lacus a justo venenatis pulvinar.

Suspendisse feugiat tortor sed ante egestas viverra. Vestibulum porttitor augue a sapien rhoncus, eget blandit dui mattis. Suspendisse quis justo et tellus mollis suscipit ut sed metus. In accumsan nunc venenatis convallis auctor. Pellentesque quis lacus laoreet, eleifend nisl sed, facilisis mauris. In ullamcorper lectus in aliquet pellentesque. Quisque consectetur lorem sit amet nisi porttitor, sed bibendum nunc sodales. Nunc eu mauris ac felis sodales lacinia. Vivamus suscipit magna vitae placerat dapibus. Mauris non dui eget justo bibendum imperdiet ut non velit. Phasellus quis lectus sit amet libero tincidunt lobortis.

Round Split

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc non justo ultricies, tristique libero vitae, ornare odio. Nulla cursus velit a libero molestie, ornare pharetra purus facilisis. Vestibulum faucibus sapien eu justo posuere, sit amet tempus magna pretium. Aenean vehicula arcu in imperdiet posuere. Phasellus nec neque consequat, commodo nulla sit amet, pellentesque enim. Maecenas a dolor suscipit, sagittis nisl ac, rutrum tellus. Praesent ut est nec eros pharetra ultrices vitae vitae nisi. Nullam feugiat felis et massa accumsan, ut dictum nisl rhoncus. Proin vehicula turpis eu arcu venenatis condimentum. Phasellus eleifend massa at euismod rutrum.

Fusce tristique dui et nisi hendrerit ultrices. Suspendisse nec sem non enim vehicula luctus eu eget nisi. Pellentesque faucibus lacus ac adipiscing fringilla. Suspendisse sed ante tempus, lobortis massa quis, aliquet elit. Proin quis magna nec nisl lacinia vulputate. Aliquam dapibus nulla condimentum, egestas risus eget, rutrum leo. Vivamus euismod nibh ut eros vehicula lacinia.

Round Edge

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sagittis justo id orci scelerisque, non sagittis nunc tincidunt. Etiam quis ligula eleifend dolor convallis sagittis. Nam fermentum urna nec risus consectetur egestas. Nullam et lacus non enim cursus varius eget vitae ante.

Sed eget nisi at metus varius gravida ac eu mi. Aenean interdum augue sit amet justo ultrices gravida. Nulla a metus quis ipsum tincidunt blandit vitae sit amet turpis. Cras sit amet eros eget augue ornare posuere ac vel odio.

Diamond Triple

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tristique justo id ipsum luctus fringilla. Ut egestas lectus sit amet ante posuere molestie. Mauris sed dolor viverra, accumsan nisl ac, interdum metus.

Nulla in lorem sed ipsum cursus scelerisque. Cras bibendum nunc et turpis facilisis, id porttitor est ultricies. Duis at mauris et turpis convallis gravida sit amet quis lectus. Sed et nisi ut ante auctor aliquet nec vel velit. Nulla egestas ipsum nec turpis auctor, id suscipit nulla tempor.

Triangle Big Inverse

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eu ipsum in purus bibendum placerat tincidunt molestie ipsum. Phasellus eu mi quis nibh consectetur auctor.

Aliquam ut turpis eu est auctor laoreet volutpat nec ante. Quisque tempor metus vel nisl mollis, sit amet sollicitudin elit pretium. Morbi vitae sem eu lacus laoreet scelerisque ac a dui. Proin non tortor venenatis nisl condimentum viverra sit amet eu ligula.

Curve Left/Right

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer feugiat neque in sem rutrum laoreet. Nam quis odio id purus adipiscing consequat eget ac risus.

Aliquam in augue congue, consectetur est eget, gravida enim. Curabitur quis sem at massa fermentum egestas. Aliquam pretium justo id orci porta, ut tincidunt ipsum iaculis.

Triangle Big Centered

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vel nunc id mauris mollis congue sed vitae lacus. Vestibulum sit amet urna scelerisque, rutrum nisl vitae, aliquet lectus.

Ut vel nibh consectetur, sagittis tellus vel, ultricies purus. Sed quis augue vel ligula aliquet bibendum at a lectus. Etiam eget purus suscipit, ullamcorper orci eget, posuere purus. Nunc fermentum tortor pulvinar, auctor arcu sit amet, molestie ligula. Suspendisse scelerisque nunc pulvinar aliquam lacinia. Donec et turpis posuere, euismod tortor at, sagittis massa. Suspendisse scelerisque nunc pulvinar aliquam lacinia. In egestas ipsum at ante suscipit, ac posuere metus elementum. Aliquam iaculis tortor ac dapibus condimentum. Quisque ac arcu ut magna semper eleifend. Nunc accumsan arcu ac blandit semper.

Circle

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In quis velit scelerisque, tincidunt tellus vitae, scelerisque nibh. Nunc vestibulum tortor volutpat orci tincidunt suscipit eget quis lorem. Nulla ac dolor ultricies ligula vehicula consequat et et lectus. Phasellus molestie massa id posuere cursus. Donec ut tortor in risus eleifend porttitor. Praesent nec neque cursus, congue neque et, tempor odio. Vestibulum ut lacus vitae urna faucibus sollicitudin. Nunc eu mauris ac felis sodales lacinia.

Morbi egestas ipsum sit amet lorem porttitor eleifend. Fusce ac justo lobortis, sollicitudin nibh vitae, porttitor odio. Fusce ut enim id libero aliquet ullamcorper. Praesent dictum augue eu urna ultricies adipiscing. Duis sollicitudin erat vitae nibh rutrum vehicula. Nulla euismod justo adipiscing ante porttitor adipiscing. Quisque ut dolor nec nulla ullamcorper vestibulum. Vivamus at turpis luctus metus commodo fermentum. Nunc congue sem vel sapien hendrerit, quis pellentesque mi viverra.

Diamond

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris varius turpis eget magna accumsan varius. Fusce a odio sollicitudin, euismod ipsum at, pellentesque leo. Praesent lacinia ante vitae elementum adipiscing. Ut vel nibh consectetur, sagittis tellus vel, ultricies purus. Aliquam dapibus nulla condimentum, egestas risus eget, rutrum leo. Praesent at massa tincidunt, malesuada sem sed, mattis lorem. Sed non dolor posuere, malesuada turpis vitae, consequat lectus. Nullam eu tortor vitae turpis malesuada aliquam. Nunc vestibulum tortor volutpat orci tincidunt suscipit eget quis lorem.

Nulla ac dolor ultricies ligula vehicula consequat et et lectus. Donec porttitor ipsum ac facilisis mattis. Proin ac mi sit amet mi tincidunt sagittis. Nunc aliquet lorem eu luctus dictum. Ut eu leo at libero tempor blandit. Proin adipiscing quam facilisis lectus tristique, id euismod sem interdum. Aliquam dapibus metus vitae libero sollicitudin, vel sodales sapien tristique. Morbi tristique nulla vitae eros pharetra blandit.