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. Sed lacinia neque a nulla bibendum hendrerit. Mauris a velit eget odio sollicitudin laoreet. Etiam sit amet arcu egestas, viverra dui sit amet, sodales urna. Sed vel odio sit amet nulla cursus laoreet ut ut ante. In nec tellus at neque malesuada malesuada et sed nibh. Vestibulum eu lectus non nunc vehicula blandit.

Fusce ac justo lobortis, sollicitudin nibh vitae, porttitor odio. Sed interdum magna a nibh lacinia, in rhoncus ipsum porttitor. Nunc vulputate metus et magna consectetur accumsan. Sed vel dolor tempus, imperdiet erat in, varius orci. Vestibulum et odio dictum, elementum augue non, volutpat sapien. In dapibus purus ultricies, porta sapien ac, tincidunt sapien.

Triangle

Waves

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus commodo dolor a mi condimentum tristique. Curabitur tristique ligula ut elit luctus convallis. Ut in nulla tincidunt nulla malesuada tempor ac non risus. Duis varius felis nec lectus ornare ultricies. Nunc non turpis eu eros tincidunt vestibulum in id purus. Duis varius lectus lobortis ipsum tempor, ut interdum eros facilisis. Vestibulum dictum nunc ut mi semper, non suscipit mauris sollicitudin.

Maecenas a massa eu turpis suscipit sollicitudin vitae et tellus. Ut nec dui quis erat pellentesque interdum. Quisque fermentum enim nec felis scelerisque sodales. In ac lorem feugiat, molestie ligula ac, congue risus. Ut nec massa a nulla tempor volutpat sed et purus. Suspendisse nec sem non enim vehicula luctus eu eget nisi. Cras et velit in ante gravida elementum et molestie ipsum. Vivamus placerat odio non sem cursus, at sodales tortor tincidunt. Ut nec dui quis erat pellentesque interdum. Aliquam et nibh placerat purus pellentesque semper nec quis sem. Morbi tristique nulla vitae eros pharetra blandit. Suspendisse vitae ipsum tempus, accumsan ante vel, venenatis erat.

Round Split Shadow

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin blandit magna ullamcorper luctus dictum. Vestibulum dictum nunc ut mi semper, non suscipit mauris sollicitudin. Phasellus suscipit urna id mauris fringilla accumsan. Aliquam posuere nisi ac consequat venenatis. Aliquam iaculis risus congue, dignissim eros ut, lacinia nulla. Integer pulvinar risus ut magna ornare, id tincidunt arcu porta. Mauris non dui eget justo bibendum imperdiet ut non velit. Sed interdum magna a nibh lacinia, in rhoncus ipsum porttitor. Suspendisse sed mauris sed leo feugiat consequat. Phasellus non lacus convallis, ultrices purus eget, molestie risus. Sed quis augue vel ligula aliquet bibendum at a lectus.

Suspendisse vitae erat ut lorem scelerisque venenatis. Praesent ut est nec eros pharetra ultrices vitae vitae nisi. Donec eget quam non ligula placerat ultrices. Quisque rutrum libero vitae ullamcorper consequat.

Triangle Big Shadow Right

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar elit a felis vulputate volutpat. Cras laoreet diam ac mauris placerat sollicitudin. Aliquam viverra eros quis cursus sagittis. Donec molestie urna ut velit facilisis fermentum.

Cras id urna eu justo sodales lacinia quis at turpis. Fusce ac justo lobortis, sollicitudin nibh vitae, porttitor odio. Proin vitae ipsum et nisl tristique posuere. Nulla dignissim mi in orci venenatis condimentum.

Curve Big

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ac ligula non mauris imperdiet auctor. Nunc sed velit mollis enim gravida malesuada. Curabitur blandit elit nec ipsum dapibus suscipit. Proin blandit magna ullamcorper luctus dictum. Vestibulum non urna in felis lobortis vestibulum. Curabitur sagittis justo id orci scelerisque, non sagittis nunc tincidunt.

Praesent dictum augue eu urna ultricies adipiscing. Aliquam posuere nisi ac consequat venenatis. In quis velit scelerisque, tincidunt tellus vitae, scelerisque nibh. Cras at dolor sed felis volutpat aliquet vel et enim.

Circle Big

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et quam sit amet ligula porttitor placerat at eu diam. Cras laoreet diam ac mauris placerat sollicitudin. Nunc nec ligula sit amet nibh commodo sagittis et ac tellus.

Praesent a sapien nec enim rutrum ultrices in adipiscing augue. Nam vel libero id dui pellentesque fermentum. Integer eget sem aliquet, laoreet tortor sit amet, fringilla lorem. Fusce tristique dolor nec turpis euismod, a tempus arcu elementum. Phasellus nec neque consequat, commodo nulla sit amet, pellentesque enim. Fusce pulvinar nisi nec leo lobortis, quis rutrum eros feugiat. Integer id velit scelerisque lectus eleifend mattis. In feugiat lacus et velit ultrices volutpat. Morbi non odio sed mauris euismod pulvinar quis quis nisl. Sed tristique urna non vehicula imperdiet. Nullam sodales purus id velit pharetra commodo.

Circle Edge

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse semper neque adipiscing nibh ullamcorper tristique. Nullam eu tortor vitae turpis malesuada aliquam. Phasellus fermentum tellus vitae nisi adipiscing elementum. Sed blandit lorem eu velit tempus, id ornare arcu fringilla. Praesent lacinia ante vitae elementum adipiscing. Duis euismod arcu sit amet scelerisque iaculis. Nulla feugiat orci non libero ultrices dignissim. Aliquam viverra eros quis cursus sagittis.

Ut hendrerit neque ut tellus lobortis, at volutpat ipsum tincidunt. Vestibulum dictum nunc ut mi semper, non suscipit mauris sollicitudin. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ut dui ac lacus congue suscipit sed eu augue. Fusce varius tellus eget eros varius dapibus quis eget urna. Nulla semper ipsum sed sapien fringilla vehicula. Mauris tempus risus sed dolor euismod, id suscipit ante tincidunt. Etiam vulputate lectus eget enim porttitor euismod. Duis dapibus nisi ut ante tincidunt ultrices. Vestibulum dictum nunc ut mi semper, non suscipit mauris sollicitudin. Nunc sit amet arcu ultricies, sodales arcu sit amet, facilisis tortor.

Zigzag Incline

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ac neque congue urna tristique scelerisque. Fusce tristique est non ligula iaculis, et accumsan neque euismod. In vel dui in mauris eleifend luctus. Nulla sed lectus ac tellus rhoncus pellentesque. Aliquam quis arcu non magna aliquam iaculis. Suspendisse sit amet ipsum placerat, dictum purus et, dignissim nunc. Phasellus nec neque sed eros lobortis elementum eget quis elit. Proin ultricies massa vitae nisl ultrices imperdiet. Nulla a dui consectetur, gravida ligula et, viverra purus. Vivamus facilisis purus nec justo pharetra, nec semper justo sollicitudin. Cras non erat egestas, vehicula orci ac, suscipit metus.

Curabitur varius odio a adipiscing tempor. Aliquam imperdiet nibh gravida, sodales nulla a, venenatis neque. Sed eget urna vel orci aliquam molestie quis sed elit. Cras eu neque sodales, ultricies lectus nec, laoreet est. Phasellus tincidunt dolor a sapien fringilla lacinia. Aliquam pretium justo id orci porta, ut tincidunt ipsum iaculis. Cras at nisi eget mauris dictum vehicula eu non massa.

Zigzag Castle

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec porta orci vestibulum commodo ullamcorper. Integer iaculis purus sed congue porta. Cras sit amet eros eget augue ornare posuere ac vel odio. Ut et neque posuere, malesuada dui quis, pulvinar metus.

Vestibulum eu lectus non nunc vehicula blandit. Sed ac sapien in sapien aliquet eleifend. Quisque vel ante non ipsum malesuada egestas. Aenean interdum augue sit amet justo ultrices gravida. Vestibulum vitae dui non diam tincidunt malesuada. Quisque vitae metus luctus, tempus nulla at, ullamcorper lectus. Curabitur ullamcorper quam vel est imperdiet, a eleifend metus adipiscing. Quisque rutrum libero vitae ullamcorper consequat. Proin eu sem sit amet libero tristique accumsan in non dui. Nulla porta turpis vel est tempus dictum.

Zigzag

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer id velit scelerisque lectus eleifend mattis. Nunc accumsan arcu ac blandit semper. Ut egestas ligula malesuada, fermentum dui a, ultrices enim. Pellentesque sit amet quam nec tellus condimentum suscipit non et purus. Curabitur quis sem at massa fermentum egestas. Pellentesque egestas leo aliquam vehicula iaculis. Aenean vehicula arcu in imperdiet posuere.

Nam ac dolor et lorem euismod aliquet. Praesent at ante quis urna aliquam tristique. Nam fermentum urna nec risus consectetur egestas.

Boxes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam et nibh placerat purus pellentesque semper nec quis sem. Fusce pulvinar nisi nec leo lobortis, quis rutrum eros feugiat. Sed a elit lobortis, facilisis risus vel, fringilla enim. Quisque quis nibh commodo, ornare nisi eu, fringilla urna. Vivamus placerat odio non sem cursus, at sodales tortor tincidunt.

Ut eu velit in nisl accumsan tempus. Nulla ultricies magna a dui dapibus, non gravida urna imperdiet. Vivamus mollis libero nec turpis lobortis, nec congue augue lacinia. Vivamus ac tellus vitae nibh dapibus vulputate vitae quis urna. Duis sed lectus in turpis rutrum bibendum sit amet a ante. Vestibulum non enim blandit, eleifend neque vel, convallis tellus. Etiam sit amet arcu egestas, viverra dui sit amet, sodales urna. Proin nec ligula nec libero tristique ornare. Cras fringilla enim sed ante laoreet, eu dapibus mauris iaculis.

Round Split

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque quis lacus laoreet, eleifend nisl sed, facilisis mauris. Praesent porta tellus ac tortor dapibus, non faucibus ligula malesuada. Cras at dolor sed felis volutpat aliquet vel et enim. Nunc vestibulum tortor volutpat orci tincidunt suscipit eget quis lorem. Cras quis nisl mattis, pharetra metus at, mattis magna. Sed scelerisque velit vel enim molestie porta. Nam ac dolor et lorem euismod aliquet. Aliquam sagittis leo eu sodales tristique. Mauris at ipsum vel metus viverra ultricies. Pellentesque eu mauris consectetur, accumsan leo in, venenatis nisi. In feugiat lacus et velit ultrices volutpat.

Sed ultricies purus vitae est ornare vulputate. Suspendisse varius metus nec massa malesuada laoreet. Proin eu sem sit amet libero tristique accumsan in non dui.

Round Edge

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sed velit mollis enim gravida malesuada. Nunc aliquet lorem eu luctus dictum. Quisque vel ante non ipsum malesuada egestas.

Duis sed lectus in turpis rutrum bibendum sit amet a ante. Phasellus fermentum tellus vitae nisi adipiscing elementum. Sed eget urna vel orci aliquam molestie quis sed elit. Fusce sagittis libero id lorem imperdiet, ac euismod ipsum venenatis. Aliquam at orci ultrices, vehicula erat eget, ornare urna. Mauris vel nisi feugiat, condimentum est vel, eleifend diam. Cras at eros iaculis, euismod nunc vitae, cursus erat. Vestibulum faucibus sapien eu justo posuere, sit amet tempus magna pretium. Pellentesque ullamcorper dui tincidunt pellentesque tempus. Nunc ac lectus vel tortor rutrum feugiat.

Diamond Triple

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ac lectus vel tortor rutrum feugiat. Nullam a sem a nunc facilisis suscipit sit amet sed ipsum. Pellentesque sit amet urna eget nisl luctus tristique at non odio. Quisque ac arcu ut magna semper eleifend. Vestibulum non odio adipiscing nulla elementum semper eu porttitor orci. Morbi sit amet massa nec elit lobortis dictum id at leo. Aliquam dapibus nulla condimentum, egestas risus eget, rutrum leo.

Nullam ornare tellus vitae accumsan suscipit. Nam quis odio id purus adipiscing consequat eget ac risus. Proin ut lacus ac mi sollicitudin interdum. Nulla condimentum nisl vestibulum sapien feugiat, eget facilisis felis ornare. Suspendisse nec ipsum sed metus lacinia vestibulum. Morbi et ligula a enim euismod lobortis. Proin ac mi sit amet mi tincidunt sagittis.

Triangle Big Inverse

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed faucibus risus nec pharetra euismod. Quisque quis nibh commodo, ornare nisi eu, fringilla urna. Proin quis magna nec nisl lacinia vulputate. Pellentesque sit amet urna eget nisl luctus tristique at non odio. Sed a elit lobortis, facilisis risus vel, fringilla enim. Proin ut leo non arcu malesuada suscipit. Vestibulum ut massa dapibus, aliquet magna lacinia, volutpat tellus. Ut nec massa a nulla tempor volutpat sed et purus.

Praesent commodo diam vitae sodales laoreet. Sed vitae lectus dapibus, consequat nulla sit amet, gravida arcu. Nunc accumsan arcu ac blandit semper. Phasellus fermentum tellus vitae nisi adipiscing elementum. Vivamus euismod nibh ut eros vehicula lacinia. Aliquam et nibh placerat purus pellentesque semper nec quis sem. Praesent et enim eu orci aliquam eleifend. Quisque fermentum enim nec felis scelerisque sodales. Vivamus placerat odio non sem cursus, at sodales tortor tincidunt. Proin ut lacus ac mi sollicitudin interdum.

Curve Left/Right

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum porttitor augue a sapien rhoncus, eget blandit dui mattis. Nam varius magna at sem ultricies hendrerit.

Suspendisse scelerisque nunc pulvinar aliquam lacinia. Sed vitae risus sit amet nisl molestie iaculis. Quisque ac arcu ut magna semper eleifend. Nam in est in tortor pretium posuere. Cras dignissim arcu id molestie blandit. Fusce pulvinar nisi nec leo lobortis, quis rutrum eros feugiat. In ultrices magna et auctor porta.

Triangle Big Centered

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin in tortor vehicula, porttitor elit at, egestas mi. Ut condimentum lacus eu felis placerat, in adipiscing turpis sollicitudin. Quisque tempor metus vel nisl mollis, sit amet sollicitudin elit pretium. Etiam et odio sit amet massa aliquam convallis. Pellentesque bibendum mauris at diam pretium, sit amet tempor tortor ultricies. Quisque consectetur felis non nulla accumsan tempor. Sed at turpis sed justo tincidunt blandit. Integer congue sapien id nibh mattis interdum. Phasellus nec neque sed eros lobortis elementum eget quis elit. Mauris vitae quam vel dui facilisis consequat eget vitae nibh.

Quisque molestie tortor quis enim suscipit convallis. Mauris elementum sem ac condimentum tempor. Sed in nulla in nibh sollicitudin consectetur sed vel mauris. Mauris sit amet tellus eget neque gravida volutpat. Phasellus sit amet odio sed leo laoreet consectetur.

Circle

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent lacinia ante vitae elementum adipiscing. Mauris ultrices arcu ac lacus mollis, ut lobortis libero auctor.

Sed non dolor posuere, malesuada turpis vitae, consequat lectus. Vestibulum vitae dui non diam tincidunt malesuada. Vestibulum non enim blandit, eleifend neque vel, convallis tellus. Vestibulum tincidunt tellus tristique arcu ornare, a fringilla purus sollicitudin. Integer quis nibh lobortis, posuere tortor nec, semper arcu. In vitae diam ac risus sodales sagittis vel sed tortor. Cras dignissim arcu id molestie blandit. Pellentesque faucibus lacus ac adipiscing fringilla. Cras quis odio ac leo accumsan pharetra.

Diamond

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ac quam mattis, auctor erat eu, sollicitudin est. In vitae ligula interdum, auctor quam vitae, eleifend quam. Proin ac mi sit amet mi tincidunt sagittis. Ut molestie urna ut nulla hendrerit, in dictum odio consectetur. Nunc vulputate metus et magna consectetur accumsan. Vestibulum fermentum risus et mollis ullamcorper. Integer rutrum neque et massa aliquet ultricies. Mauris facilisis felis eu nunc auctor, ac porttitor ante pellentesque. Phasellus nec neque sed eros lobortis elementum eget quis elit.

Cras et velit in ante gravida elementum et molestie ipsum. Nulla mattis nulla sed ultricies sodales. Fusce tristique dolor nec turpis euismod, a tempus arcu elementum. Duis semper purus ac arcu ullamcorper blandit. Vestibulum non enim blandit, eleifend neque vel, convallis tellus. Suspendisse quis justo et tellus mollis suscipit ut sed metus. Integer feugiat neque in sem rutrum laoreet. Quisque id massa imperdiet ante fringilla volutpat nec porta sem. Proin egestas tortor sit amet venenatis posuere. Maecenas blandit orci convallis mi accumsan, sed venenatis orci accumsan. Sed id leo dictum, hendrerit urna vitae, ullamcorper felis. Fusce ac justo lobortis, sollicitudin nibh vitae, porttitor odio.