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 Left
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sit amet massa nec elit lobortis dictum id at leo. Cras at nisi eget mauris dictum vehicula eu non massa. Ut condimentum lacus eu felis placerat, in adipiscing turpis sollicitudin.
Fusce eget dolor congue, ultrices tortor at, fermentum risus. Aliquam viverra eros quis cursus sagittis. Vestibulum et odio dictum, elementum augue non, volutpat sapien. Mauris at ipsum vel metus viverra ultricies. Sed ultricies purus vitae est ornare vulputate. Curabitur imperdiet nisi a arcu bibendum dapibus.
Diagonal Right
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum faucibus sapien eu justo posuere, sit amet tempus magna pretium. Proin ullamcorper diam et semper tristique. Vestibulum vitae dui non diam tincidunt malesuada. Duis accumsan risus quis metus dapibus bibendum.
Integer rutrum neque et massa aliquet ultricies. Fusce ut enim id libero aliquet ullamcorper. Suspendisse quis justo et tellus mollis suscipit ut sed metus.
Triangle Big Right
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam pretium justo id orci porta, ut tincidunt ipsum iaculis. Nullam eu lorem posuere, hendrerit purus a, pellentesque leo. Vestibulum non odio adipiscing nulla elementum semper eu porttitor orci. Nullam mattis sapien commodo mauris elementum pulvinar. Nunc vestibulum tortor volutpat orci tincidunt suscipit eget quis lorem. Cras fringilla enim sed ante laoreet, eu dapibus mauris iaculis. Sed vitae lectus dapibus, consequat nulla sit amet, gravida arcu. Morbi egestas ipsum sit amet lorem porttitor eleifend. Integer quis nibh lobortis, posuere tortor nec, semper arcu. Sed vehicula est non massa porttitor interdum.
In convallis velit tincidunt eleifend vulputate. Duis sed lectus in turpis rutrum bibendum sit amet a ante. Pellentesque consectetur mauris sed est porttitor, at imperdiet erat laoreet. Nulla a metus quis ipsum tincidunt blandit vitae sit amet turpis. Integer eget sem aliquet, laoreet tortor sit amet, fringilla lorem. Nunc sit amet arcu ultricies, sodales arcu sit amet, facilisis tortor.
Triangle Big Left
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ut turpis eu est auctor laoreet volutpat nec ante. Donec quis dolor congue, consequat nibh ac, auctor nibh. Cras sit amet mi eu sem congue fringilla. Aenean mattis nisl et sem adipiscing, at aliquam est dictum. Quisque fermentum enim nec felis scelerisque sodales. Fusce ac justo lobortis, sollicitudin nibh vitae, porttitor odio.
Fusce tristique est non ligula iaculis, et accumsan neque euismod. Pellentesque consectetur mauris sed est porttitor, at imperdiet erat laoreet. In ultrices magna et auctor porta. Nullam interdum tortor sit amet lacinia auctor. Nullam mattis sapien commodo mauris elementum pulvinar. Aliquam rutrum quam non interdum egestas. Morbi non leo dictum metus lobortis hendrerit sit amet in nunc. Nulla mattis nulla sed ultricies sodales. Nullam et lacus non enim cursus varius eget vitae ante. Vivamus facilisis purus nec justo pharetra, nec semper justo sollicitudin. Morbi sit amet eros id lectus ultricies euismod. Proin adipiscing quam facilisis lectus tristique, id euismod sem interdum.
Triangle
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et quam sit amet ligula porttitor placerat at eu diam. Phasellus commodo dolor a mi condimentum tristique. Phasellus non lacus convallis, ultrices purus eget, molestie risus. Vivamus ac leo mollis, posuere sapien id, accumsan sapien. Integer suscipit risus sed nisi sodales imperdiet eu id est.
Maecenas blandit orci convallis mi accumsan, sed venenatis orci accumsan. Vestibulum tincidunt tellus tristique arcu ornare, a fringilla purus sollicitudin. Vestibulum ut lacus vitae urna faucibus sollicitudin. Integer tempor leo eget tellus fermentum sollicitudin. Pellentesque elementum erat sed justo rhoncus eleifend. Sed ac sapien in sapien aliquet eleifend. Proin vehicula turpis eu arcu venenatis condimentum. Aliquam iaculis tortor ac dapibus condimentum. Aliquam pharetra ligula vel lacus euismod lacinia. Ut condimentum lacus eu felis placerat, in adipiscing turpis sollicitudin.
Clouds
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ut augue viverra, lobortis lacus nec, tincidunt mi. Donec semper arcu eget porta accumsan.
Quisque vitae metus luctus, tempus nulla at, ullamcorper lectus. Etiam tristique leo at arcu tempus, in dapibus dui tempor. Curabitur varius odio a adipiscing tempor. Cras fringilla enim sed ante laoreet, eu dapibus mauris iaculis. Suspendisse vel velit eu diam molestie ornare nec quis turpis. Aenean vitae nisi id nulla tristique egestas at eget odio. Morbi tincidunt justo vel felis interdum, quis pharetra libero porta.
Waves
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sed lectus vitae libero accumsan mollis. Maecenas a massa eu turpis suscipit sollicitudin vitae et tellus. Suspendisse nec sem non enim vehicula luctus eu eget nisi. Cras fringilla enim sed ante laoreet, eu dapibus mauris iaculis. Mauris a velit eget odio sollicitudin laoreet. Vivamus accumsan nisl adipiscing sem sollicitudin ultricies. Sed dapibus nulla sollicitudin lectus viverra, eget luctus nunc vestibulum. Duis consectetur est eget mi consectetur, sed dignissim mauris lacinia.
Proin vel orci mattis nunc ullamcorper gravida et viverra orci. Duis at mauris et turpis convallis gravida sit amet quis lectus. Curabitur rutrum leo id dolor egestas ullamcorper. Quisque id massa imperdiet ante fringilla volutpat nec porta sem. Mauris varius turpis eget magna accumsan varius. Vestibulum vel metus sit amet enim sollicitudin euismod eget nec justo. Mauris porttitor sapien eget nibh imperdiet, sed ultrices enim porta. Mauris varius turpis eget magna accumsan varius. Donec a ipsum vitae metus facilisis imperdiet in nec mi.
Round Split Shadow
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sit amet nibh sagittis, elementum metus et, facilisis massa. Nullam feugiat felis et massa accumsan, ut dictum nisl rhoncus. Proin blandit augue sit amet nunc sollicitudin iaculis. Pellentesque id dolor interdum, fermentum ligula id, pretium urna. Fusce vitae libero ac ipsum ultrices mollis. Quisque ac turpis sit amet nibh ultricies egestas quis quis neque. Nulla porta turpis vel est tempus dictum. Nunc sed velit mollis enim gravida malesuada. Maecenas sollicitudin purus sodales leo molestie interdum.
Quisque pharetra eros convallis diam bibendum, ac vulputate augue aliquet. Donec quis enim egestas, pharetra ipsum vel, rutrum turpis. Donec feugiat libero eget est eleifend, ut fermentum libero viverra. Cras fringilla enim sed ante laoreet, eu dapibus mauris iaculis. Ut nec dui quis erat pellentesque interdum. Sed blandit lorem eu velit tempus, id ornare arcu fringilla. Phasellus quis lectus sit amet libero tincidunt lobortis. Pellentesque ac est consectetur, ornare lorem varius, sagittis ligula. Curabitur blandit ante id nibh convallis, vel euismod velit commodo.
Triangle Big Shadow Left
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sed sem sed lorem sagittis auctor non non augue. Aliquam pretium justo id orci porta, ut tincidunt ipsum iaculis. Morbi egestas ipsum sit amet lorem porttitor eleifend.
Nunc sit amet arcu ultricies, sodales arcu sit amet, facilisis tortor. Nulla ultricies magna a dui dapibus, non gravida urna imperdiet. In vitae diam ac risus sodales sagittis vel sed tortor. Nullam ornare tellus vitae accumsan suscipit. Ut molestie urna ut nulla hendrerit, in dictum odio consectetur. Praesent a justo mattis, pellentesque lacus placerat, ornare est. Nulla condimentum nisl vestibulum sapien feugiat, eget facilisis felis ornare. Nunc porta ante eu tellus venenatis suscipit. Sed eu est ut diam aliquam eleifend sed eget neque. Nunc non justo ultricies, tristique libero vitae, ornare odio. Etiam eu dolor eget arcu sodales posuere sit amet in dolor.
Triangle Big Shadow Right
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus accumsan nisl adipiscing sem sollicitudin ultricies. Fusce tristique dui et nisi hendrerit ultrices.
Proin egestas tortor sit amet venenatis posuere. Cras quis nisl mattis, pharetra metus at, mattis magna. Cras et velit in ante gravida elementum et molestie ipsum. Ut condimentum lacus eu felis placerat, in adipiscing turpis sollicitudin. Curabitur id risus vulputate, aliquet est id, tempus leo.
Curve Big
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In in nulla vel arcu bibendum aliquet. Curabitur quis sem at massa fermentum egestas. In at augue ullamcorper, pellentesque arcu aliquet, ullamcorper turpis. Donec a ipsum vitae metus facilisis imperdiet in nec mi. Cras id urna eu justo sodales lacinia quis at turpis.
Duis id lacus mollis, lacinia mauris eget, accumsan mi. Nam eget mi ut risus fermentum fringilla. Fusce eget dolor congue, ultrices tortor at, fermentum risus. Nam cursus urna sit amet lacus laoreet, pulvinar laoreet lectus lobortis.
Circle Big
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ac arcu ut magna semper eleifend. Maecenas ultricies ante quis sodales accumsan. Vestibulum ut massa dapibus, aliquet magna lacinia, volutpat tellus. Nulla eu justo vitae diam bibendum volutpat vitae sit amet leo. Praesent lacinia ante vitae elementum adipiscing. Mauris vel arcu tincidunt quam convallis viverra in vel ante. Vestibulum imperdiet neque id consectetur eleifend. Praesent in justo sit amet lectus venenatis auctor quis sed risus. Etiam commodo neque quis aliquam congue. Donec feugiat justo sed odio accumsan, sit amet placerat tortor laoreet. Nulla sed lorem dignissim, blandit ipsum ac, sollicitudin elit.
Cras sit amet eros eget augue ornare posuere ac vel odio. Ut molestie urna ut nulla hendrerit, in dictum odio consectetur. Integer iaculis purus sed congue porta. Nunc eleifend tortor quis blandit pellentesque. Donec tincidunt erat in vestibulum interdum.
Circle Edge
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras quis odio ac leo accumsan pharetra. Fusce pulvinar nisi nec leo lobortis, quis rutrum eros feugiat. Morbi ut massa a orci imperdiet euismod vel nec urna. Nunc ac lectus vel tortor rutrum feugiat. Vivamus ac leo mollis, posuere sapien id, accumsan sapien. Morbi lacinia mauris nec lectus rhoncus imperdiet. Mauris tempus risus sed dolor euismod, id suscipit ante tincidunt. Mauris at ipsum vel metus viverra ultricies. Vivamus sit amet lacus a justo venenatis pulvinar. Fusce varius tellus eget eros varius dapibus quis eget urna. Ut egestas ligula malesuada, fermentum dui a, ultrices enim.
Ut et neque posuere, malesuada dui quis, pulvinar metus. Praesent sed lectus vitae libero accumsan mollis. Donec tincidunt erat in vestibulum interdum. In ullamcorper lectus in aliquet pellentesque. Aliquam viverra eros quis cursus sagittis. Fusce sit amet risus et diam congue venenatis. Nullam placerat nulla a sagittis sagittis. Nunc accumsan arcu ac blandit semper. Aliquam eleifend nibh eget arcu ornare dapibus dignissim fringilla nibh.
Zigzag Incline
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc aliquet lorem eu luctus dictum. Sed eget nisi at metus varius gravida ac eu mi. Proin quis magna nec nisl lacinia vulputate. Maecenas a dolor suscipit, sagittis nisl ac, rutrum tellus. Fusce tristique dolor nec turpis euismod, a tempus arcu elementum. Proin accumsan diam tempus enim placerat, vel eleifend lectus dignissim. Fusce varius tellus eget eros varius dapibus quis eget urna. Nunc ut nisl in lacus tempus interdum. Sed vitae risus sit amet nisl molestie iaculis.
Nunc congue sem vel sapien hendrerit, quis pellentesque mi viverra. Sed in nulla in nibh sollicitudin consectetur sed vel mauris. Maecenas ac libero vestibulum, imperdiet nibh quis, tincidunt eros. Nunc accumsan arcu ac blandit semper. Proin rutrum enim quis enim sagittis, at mattis purus rutrum.
Zigzag Castle
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sed lectus ac tellus rhoncus pellentesque. Praesent at ante quis urna aliquam tristique. Nunc vulputate metus et magna consectetur accumsan. Cras et velit in ante gravida elementum et molestie ipsum. Fusce varius tellus eget eros varius dapibus quis eget urna. Cras sit amet orci vulputate, tempus massa eget, rhoncus eros. Etiam lobortis diam sit amet facilisis dictum. Praesent et enim eu orci aliquam eleifend. Donec varius magna nec ante vehicula pulvinar. In at augue ullamcorper, pellentesque arcu aliquet, ullamcorper turpis.
Nam vel libero id dui pellentesque fermentum. Nunc nec ligula sit amet nibh commodo sagittis et ac tellus. Proin ultricies quam quis nisi pharetra, ut malesuada nibh varius.
Zigzag
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vitae sem eu lacus laoreet scelerisque ac a dui. Suspendisse non justo nec est aliquet semper. Sed at turpis sed justo tincidunt blandit.
Ut egestas lectus sit amet ante posuere molestie. Donec varius magna nec ante vehicula pulvinar. Donec pretium mi eget orci convallis faucibus. Maecenas ac libero vestibulum, imperdiet nibh quis, tincidunt eros. Duis consectetur est eget mi consectetur, sed dignissim mauris lacinia. Sed eu est ut diam aliquam eleifend sed eget neque. In convallis velit tincidunt eleifend vulputate. Praesent in justo sit amet lectus venenatis auctor quis sed risus. Cras eu neque sodales, ultricies lectus nec, laoreet est.
Boxes
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vehicula est non massa porttitor interdum. Nullam eget metus sed velit laoreet viverra eu a augue. Vestibulum consectetur ante vel mattis venenatis. Quisque eget libero vel enim volutpat vulputate non quis nulla.
Pellentesque semper nibh ac magna dapibus, eget sollicitudin risus condimentum. Duis euismod arcu sit amet scelerisque iaculis. Nullam et lacus non enim cursus varius eget vitae ante. Vestibulum porta justo a velit porttitor tincidunt. Nulla ac dolor ultricies ligula vehicula consequat et et lectus.
Round Split
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce pulvinar nisi nec leo lobortis, quis rutrum eros feugiat. Nam ac quam mattis, auctor erat eu, sollicitudin est. Aliquam iaculis risus congue, dignissim eros ut, lacinia nulla. Integer eget sem aliquet, laoreet tortor sit amet, fringilla lorem. In quis velit scelerisque, tincidunt tellus vitae, scelerisque nibh. Integer id velit scelerisque lectus eleifend mattis.
Ut sed nunc venenatis, interdum nisi non, tristique velit. Quisque ut dolor nec nulla ullamcorper vestibulum. Mauris varius turpis eget magna accumsan varius.
Round Edge
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque posuere neque sed dignissim gravida. Quisque fermentum enim nec felis scelerisque sodales. Nulla euismod lorem eu elit ornare, ac consectetur sem elementum. Duis euismod arcu sit amet scelerisque iaculis. Nunc accumsan arcu ac blandit semper. Nulla mattis nulla sed ultricies sodales. Mauris elementum sem ac condimentum tempor. Nulla id mi sed velit scelerisque fringilla. Pellentesque consectetur mauris sed est porttitor, at imperdiet erat laoreet. Mauris facilisis felis eu nunc auctor, ac porttitor ante pellentesque.
Vestibulum ut nulla nec turpis pulvinar sodales sed vel purus. Cras hendrerit tortor eget tortor pharetra consequat. Ut egestas ligula malesuada, fermentum dui a, ultrices enim. Vivamus ut lectus vitae nulla pharetra accumsan sed eget nisi. Nulla in lorem sed ipsum cursus scelerisque. Nullam eu tortor vitae turpis malesuada aliquam.
Diamond Triple
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ut leo a tellus laoreet ornare at vel massa. Suspendisse sed mauris sed leo feugiat consequat. Aenean blandit urna vel lectus fermentum facilisis eu ut metus. Ut condimentum lacus eu felis placerat, in adipiscing turpis sollicitudin. Aenean venenatis neque non ipsum sollicitudin porta. Phasellus molestie massa id posuere cursus. Proin non tortor venenatis nisl condimentum viverra sit amet eu ligula. Vivamus iaculis dolor consequat, euismod orci in, egestas ante. Cras sit amet orci vulputate, tempus massa eget, rhoncus eros. In ullamcorper lectus in aliquet pellentesque. Maecenas ac libero vestibulum, imperdiet nibh quis, tincidunt eros.
Curabitur sagittis justo id orci scelerisque, non sagittis nunc tincidunt. Phasellus sit amet odio sed leo laoreet consectetur. Quisque vitae metus luctus, tempus nulla at, ullamcorper lectus. Sed quis augue vel ligula aliquet bibendum at a lectus. Praesent a justo mattis, pellentesque lacus placerat, ornare est. Proin viverra dui a quam sagittis, vitae condimentum dolor consectetur. Etiam porttitor tellus sed mi vestibulum, sed ornare dui tempor.
Triangle Big Inverse
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut hendrerit neque ut tellus lobortis, at volutpat ipsum tincidunt. Vestibulum faucibus sapien eu justo posuere, sit amet tempus magna pretium.
Aliquam at orci ultrices, vehicula erat eget, ornare urna. Proin adipiscing quam facilisis lectus tristique, id euismod sem interdum. Nulla sed lorem dignissim, blandit ipsum ac, sollicitudin elit. Morbi non odio sed mauris euismod pulvinar quis quis nisl. Ut et neque posuere, malesuada dui quis, pulvinar metus. Nunc vulputate metus et magna consectetur accumsan. Mauris a eros placerat, sodales erat sed, hendrerit erat. Duis feugiat orci quis tempor faucibus. Vivamus sed mi sit amet mauris semper ullamcorper. Maecenas a massa eu turpis suscipit sollicitudin vitae et tellus. In feugiat lacus et velit ultrices volutpat. Curabitur quis sem at massa fermentum egestas.
Curve Left/Right
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean tristique lacus non vestibulum hendrerit. Suspendisse sed ante tempus, lobortis massa quis, aliquet elit. Vestibulum porta justo a velit porttitor tincidunt. Donec porttitor ipsum ac facilisis mattis. Donec ut tortor in risus eleifend porttitor. Nullam eu lorem posuere, hendrerit purus a, pellentesque leo. Nullam laoreet dui nec lorem vestibulum, nec viverra lacus bibendum. Sed in nulla in nibh sollicitudin consectetur sed vel mauris. Praesent a justo mattis, pellentesque lacus placerat, ornare est.
Nam scelerisque ligula condimentum nulla tincidunt, vel pharetra metus euismod. Proin nec ligula nec libero tristique ornare. Nullam quis nulla pulvinar, auctor mauris ultricies, interdum felis. Nunc vitae metus nec nulla iaculis dictum nec in nunc. Quisque tempor metus vel nisl mollis, sit amet sollicitudin elit pretium. Suspendisse nec sem non enim vehicula luctus eu eget nisi. Phasellus varius justo viverra, scelerisque nunc vitae, dapibus lorem. Duis sollicitudin erat vitae nibh rutrum vehicula. Quisque dapibus justo a urna lobortis cursus.
Triangle Big Centered
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec dapibus ante eu tellus tempus sodales. Suspendisse vel velit eu diam molestie ornare nec quis turpis. Etiam sit amet arcu egestas, viverra dui sit amet, sodales urna. Donec quis enim egestas, pharetra ipsum vel, rutrum turpis.
Maecenas eu ipsum in purus bibendum placerat tincidunt molestie ipsum. Mauris porttitor sapien eget nibh imperdiet, sed ultrices enim porta. Aliquam pretium justo id orci porta, ut tincidunt ipsum iaculis. Vestibulum et odio dictum, elementum augue non, volutpat sapien. In at augue ullamcorper, pellentesque arcu aliquet, ullamcorper turpis. Phasellus tincidunt dolor a sapien fringilla lacinia. Sed in nulla in nibh sollicitudin consectetur sed vel mauris. Nulla semper ipsum sed sapien fringilla vehicula.
Circle
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean quis nulla vel dolor blandit mattis et vel sem. Nam ac quam mattis, auctor erat eu, sollicitudin est. Aenean interdum augue sit amet justo ultrices gravida.
Nulla cursus velit a libero molestie, ornare pharetra purus facilisis. Sed vehicula est non massa porttitor interdum. Praesent in justo sit amet lectus venenatis auctor quis sed risus. Aenean vehicula arcu in imperdiet posuere. Sed et nisi ut ante auctor aliquet nec vel velit. Etiam tristique leo at arcu tempus, in dapibus dui tempor. Nam varius magna at sem ultricies hendrerit. Integer feugiat neque in sem rutrum laoreet. Donec laoreet augue vel neque tincidunt, porttitor rutrum dolor condimentum.
Diamond
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sollicitudin sapien facilisis augue dapibus varius. Proin egestas tortor sit amet venenatis posuere. Nam vel libero id dui pellentesque fermentum. Nullam a sem a nunc facilisis suscipit sit amet sed ipsum. Maecenas a dolor suscipit, sagittis nisl ac, rutrum tellus. Etiam commodo neque quis aliquam congue.
Morbi pulvinar elit a felis vulputate volutpat. Maecenas a dolor suscipit, sagittis nisl ac, rutrum tellus. Phasellus vel neque nec eros rutrum placerat at non neque. Sed et nisi ut ante auctor aliquet nec vel velit. Vestibulum faucibus sapien eu justo posuere, sit amet tempus magna pretium. Praesent aliquam nisl et lacus fringilla dignissim. Proin accumsan diam tempus enim placerat, vel eleifend lectus dignissim. Curabitur blandit ante id nibh convallis, vel euismod velit commodo.
Explore More Shortcodes
- Alert
- Animated Popular
- Animated Image
- Animated Scroll New
- Audio
- Badge
- Blockquote
- Blog
- Blur New
- Books
- Button
- Chart
- Clients
- Code
- Collapsibles
- Content Box
- Content Section Popular
- Counter
- Coupons
- Custom Post Type
- Definitions
- Device Mockups
- Divider Popular
- Dropcap
- Emphasis
- Events
- FAQ
- Filler
- Flip Box Popular
- Fullscreen Video
- Gallery Popular
- Google Docs Viewer
- Guests
- Heading
- Highlight
- Hover Box
- Horizontal Ruler
- Icon Popular
- Icon List
- If New
- Image
- Image Compare
- Jobs
- Label
- Lead
- Lightbox
- Locations
- Map
- Masonry
- Members
- Menu
- Post Meta Data
- Movies
- Music
- News
- Overlay Popular
- Panel New
- Parallax Scene Popular
- Permalink
- Person
- Popover
- Portfolio
- Post Fields
- Post Media
- Pricing Table
- Progress
- Project
- Promotional Box
- QR Code
- Quotes
- Recent Books
- Recent Clients
- Recent Coupons
- Recent Events
- Recent Jobs
- Recent Locations
- Recent Movies
- Recent Music
- Recent News
- Recent Portfolios
- Recent Posts
- Recent Projects
- Recent Quotes
- Recent Recipes
[intense_content_section padding_bottom="25" padding_top="25"]
<h2>Introduction</h2>
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.
[/intense_content_section]
[intense_content_section background_type="image" image="3422" imagemode="parallax" image_horizontal_position="center" padding_top="100" padding_bottom="100" top_divider_type="diagonal-left" top_divider_location="top" top_divider_primary_color="#fff" bottom_divider_type="diagonal-left" bottom_divider_location="bottom" bottom_divider_primary_color="#fff"]
<h2 style="color:#fff;">Diagonal Left</h2>
<div style="color: #fff;">[intense_filler paragraphs="2"]</div>
[/intense_content_section]
[intense_content_section background_type="color" background_color="#fff" height="100"]
[/intense_content_section]
[intense_content_section background_type="image" image="3465" padding_top="100" padding_bottom="100" top_divider_type="diagonal-right" top_divider_location="top" top_divider_primary_color="#fff" bottom_divider_type="diagonal-right" bottom_divider_location="bottom" bottom_divider_primary_color="#fff"]
<h2>Diagonal Right</h2>
[intense_filler paragraphs="2"]
[/intense_content_section]
[intense_content_section background_type="color" background_color="#fff" height="100"]
[/intense_content_section]
[intense_content_section background_type="image" image="3474" imagemode="fixed" padding_top="100" padding_bottom="100" top_divider_type="triangle-big-right" top_divider_location="top" top_divider_primary_color="#fff" bottom_divider_type="triangle-big-right" bottom_divider_location="bottom" bottom_divider_primary_color="#fff"]
<h2>Triangle Big Right</h2>
[intense_filler paragraphs="2"]
[/intense_content_section]
[intense_content_section background_type="color" background_color="#fff" height="100"]
[/intense_content_section]
[intense_content_section background_type="image" image="3472" imagemode="fixed" padding_top="100" padding_bottom="100" top_divider_type="triangle-big-left" top_divider_location="top" top_divider_primary_color="#fff" bottom_divider_type="triangle-big-left" bottom_divider_location="bottom" bottom_divider_primary_color="#fff"]
<h2 style="color:#fff;">Triangle Big Left</h2>
<div style="color: #fff;">[intense_filler paragraphs="2"]</div>
[/intense_content_section]
[intense_content_section background_type="color" background_color="#fff" height="100"]
[/intense_content_section]
[intense_content_section background_type="color" background_color="#3a5fc7" overlay_image="3003" padding_top="75" padding_bottom="75" top_divider_type="triangle" top_divider_location="top" top_divider_primary_color="#fff" bottom_divider_type="triangle" bottom_divider_location="bottom" bottom_divider_primary_color="#fff"]
<h2 style="color:#fff;">Triangle</h2>
<div style="color: #fff;">[intense_filler paragraphs="2"]</div>
[/intense_content_section]
[intense_content_section background_type="color" background_color="#fff" height="100"]
[/intense_content_section]
[intense_content_section background_type="image" image="3467" imagemode="fixed" padding_top="100" padding_bottom="100" top_divider_type="clouds" top_divider_location="top" top_divider_primary_color="#fff" bottom_divider_type="clouds" bottom_divider_location="bottom" bottom_divider_primary_color="#fff"]
<h2 style="color:#fff;">Clouds</h2>
<div style="color: #fff;">[intense_filler paragraphs="2"]</div>
[/intense_content_section]
[intense_content_section background_type="color" background_color="#fff" height="100"]
[/intense_content_section]
[intense_content_section background_type="color" background_color="#eee" overlay_gradient="linear" overlay_gradient_start_color="#5eb8db" overlay_gradient_end_color="#185ff7" overlay_gradient_start_opacity="50" overlay_gradient_end_opacity="80" padding_top="100" padding_bottom="100" top_divider_type="waves" top_divider_location="top" top_divider_primary_color="#fff" bottom_divider_type="waves" bottom_divider_location="bottom" bottom_divider_primary_color="#fff"]
<h2>Waves</h2>
[intense_filler paragraphs="2"]
[/intense_content_section]
[intense_content_section background_type="color" background_color="#fff" height="100"]
[/intense_content_section]
[intense_content_section background_type="color" background_color="#eee" overlay_gradient="radial" overlay_gradient_start_color="#E8A845" overlay_gradient_end_color="#ED3737" overlay_gradient_start_opacity="50" overlay_gradient_end_opacity="80" padding_top="100" padding_bottom="100" top_divider_type="round-split-shadow" top_divider_location="top" top_divider_primary_color="#fff" top_divider_secondary_color="#ED3737" bottom_divider_type="round-split-shadow" bottom_divider_location="bottom" bottom_divider_primary_color="#fff" bottom_divider_secondary_color="#ED3737"]
<h2>Round Split Shadow</h2>
[intense_filler paragraphs="2"]
[/intense_content_section]
[intense_content_section background_type="color" background_color="#fff" height="100"]
[/intense_content_section]
[intense_content_section background_type="image" image="3473" imagemode="fixed" padding_top="100" padding_bottom="100" top_divider_type="triangle-big-shadow-left" top_divider_location="top" top_divider_primary_color="#fff" top_divider_secondary_color="#333" bottom_divider_type="triangle-big-shadow-left" bottom_divider_location="bottom" bottom_divider_primary_color="#fff" bottom_divider_secondary_color="#333"]
<h2 style="color:#000;">Triangle Big Shadow Left</h2>
<div style="color: #000;">[intense_filler paragraphs="2"]</div>
[/intense_content_section]
[intense_content_section background_type="color" background_color="#fff" height="100"]
[/intense_content_section]
[intense_content_section background_type="color" background_color="#eee" padding_top="100" padding_bottom="100" top_divider_type="triangle-big-shadow-right" top_divider_location="top" top_divider_primary_color="#fff" top_divider_secondary_color="#aaa" bottom_divider_type="triangle-big-shadow-right" bottom_divider_location="bottom" bottom_divider_primary_color="#fff" bottom_divider_secondary_color="#aaa"]
<h2>Triangle Big Shadow Right</h2>
[intense_filler paragraphs="2"]
[/intense_content_section]
[intense_content_section background_type="color" background_color="#fff" height="100"]
[/intense_content_section]
[intense_content_section background_type="color" background_color="#eee" padding_top="100" padding_bottom="100" top_divider_type="curve-big" top_divider_location="top" top_divider_primary_color="#fff" bottom_divider_type="curve-big" bottom_divider_location="bottom" bottom_divider_primary_color="#fff"]
<h2>Curve Big</h2>
[intense_filler paragraphs="2"]
[/intense_content_section]
[intense_content_section background_type="color" background_color="#fff" height="100"]
[/intense_content_section]
[intense_content_section background_type="color" background_color="#eee" padding_top="100" padding_bottom="100" top_divider_type="circle-big" top_divider_location="top" top_divider_primary_color="#fff" bottom_divider_type="circle-big" bottom_divider_location="bottom" bottom_divider_primary_color="#fff"]
<h2>Circle Big</h2>
[intense_filler paragraphs="2"]
[/intense_content_section]
[intense_content_section background_type="color" background_color="#fff" height="100"]
[/intense_content_section]
[intense_content_section background_type="color" background_color="#eee" padding_top="100" padding_bottom="100" top_divider_type="circle-edge" top_divider_location="top" top_divider_primary_color="#fff" bottom_divider_type="circle-edge" bottom_divider_location="bottom" bottom_divider_primary_color="#fff"]
<h2>Circle Edge</h2>
[intense_filler paragraphs="2"]
[/intense_content_section]
[intense_content_section background_type="color" background_color="#fff" height="100"]
[/intense_content_section]
[intense_content_section background_type="color" background_color="#eee" padding_top="100" padding_bottom="100" top_divider_type="zigzag-incline" top_divider_location="top" top_divider_primary_color="#fff" bottom_divider_type="zigzag-incline" bottom_divider_location="bottom" bottom_divider_primary_color="#fff"]
<h2>Zigzag Incline</h2>
[intense_filler paragraphs="2"]
[/intense_content_section]
[intense_content_section background_type="color" background_color="#fff" height="100"]
[/intense_content_section]
[intense_content_section background_type="color" background_color="#eee" padding_top="100" padding_bottom="100" top_divider_type="zigzag-castle" top_divider_location="top" top_divider_primary_color="#fff" bottom_divider_type="zigzag-castle" bottom_divider_location="bottom" bottom_divider_primary_color="#fff"]
<h2>Zigzag Castle</h2>
[intense_filler paragraphs="2"]
[/intense_content_section]
[intense_content_section background_type="color" background_color="#fff" height="100"]
[/intense_content_section]
[intense_content_section background_type="color" background_color="#eee" padding_top="100" padding_bottom="100" top_divider_type="zigzag" top_divider_location="top" top_divider_primary_color="#fff" bottom_divider_type="zigzag" bottom_divider_location="bottom" bottom_divider_primary_color="#fff"]
<h2>Zigzag</h2>
[intense_filler paragraphs="2"]
[/intense_content_section]
[intense_content_section background_type="color" background_color="#fff" height="100"]
[/intense_content_section]
[intense_content_section background_type="color" background_color="#eee" padding_top="100" padding_bottom="100" top_divider_type="boxes" top_divider_location="top" top_divider_primary_color="#fff" bottom_divider_type="boxes" bottom_divider_location="bottom" bottom_divider_primary_color="#fff"]
<h2>Boxes</h2>
[intense_filler paragraphs="2"]
[/intense_content_section]
[intense_content_section background_type="color" background_color="#fff" height="100"]
[/intense_content_section]
[intense_content_section background_type="color" background_color="#eee" padding_top="100" padding_bottom="100" top_divider_type="round-split" top_divider_location="top" top_divider_primary_color="#fff" bottom_divider_type="round-split" bottom_divider_location="bottom" bottom_divider_primary_color="#fff"]
<h2>Round Split</h2>
[intense_filler paragraphs="2"]
[/intense_content_section]
[intense_content_section background_type="color" background_color="#fff" height="100"]
[/intense_content_section]
[intense_content_section background_type="color" background_color="#eee" padding_top="100" padding_bottom="100" top_divider_type="round-edge" top_divider_location="top" top_divider_primary_color="#fff" bottom_divider_type="round-edge" bottom_divider_location="bottom" bottom_divider_primary_color="#fff"]
<h2>Round Edge</h2>
[intense_filler paragraphs="2"]
[/intense_content_section]
[intense_content_section background_type="color" background_color="#fff" height="100"]
[/intense_content_section]
[intense_content_section background_type="color" background_color="#eee" padding_top="100" padding_bottom="100" margin_bottom="50" top_divider_type="diamond-tripple" top_divider_location="top" top_divider_primary_color="#333" top_divider_secondary_color="#aaa" top_divider_tertiary_color="#aaa" bottom_divider_type="diamond-tripple" bottom_divider_location="bottom" bottom_divider_primary_color="#333" bottom_divider_secondary_color="#aaa" bottom_divider_tertiary_color="#aaa"]
<h2>Diamond Triple</h2>
[intense_filler paragraphs="2"]
[/intense_content_section]
[intense_content_section background_type="color" background_color="#fff" height="100"]
[/intense_content_section]
[intense_content_section background_type="color" background_color="#eee" padding_top="100" padding_bottom="100" top_divider_type="triangle-big-inverse" top_divider_location="top" top_divider_primary_color="#fff" bottom_divider_type="triangle-big-inverse" bottom_divider_location="bottom" bottom_divider_primary_color="#fff"]
<h2>Triangle Big Inverse</h2>
[intense_filler paragraphs="2"]
[/intense_content_section]
[intense_content_section background_type="color" background_color="#fff" height="100"]
[/intense_content_section]
[intense_content_section background_type="color" background_color="#eee" padding_top="100" padding_bottom="100" top_divider_type="curve-left" top_divider_location="top" top_divider_primary_color="#fff" bottom_divider_type="curve-right" bottom_divider_location="bottom" bottom_divider_primary_color="#fff"]
<h2>Curve Left/Right</h2>
[intense_filler paragraphs="2"]
[/intense_content_section]
[intense_content_section background_type="color" background_color="#fff" height="100"]
[/intense_content_section]
[intense_content_section background_type="color" background_color="#eee" padding_top="100" padding_bottom="100" top_divider_type="triangle-big-centered" top_divider_location="top" top_divider_primary_color="#fff" bottom_divider_type="triangle-big-centered" bottom_divider_location="bottom" bottom_divider_primary_color="#fff"]
<h2>Triangle Big Centered</h2>
[intense_filler paragraphs="2"]
[/intense_content_section]
[intense_content_section background_type="color" background_color="#fff" height="100"]
[/intense_content_section]
[intense_content_section background_type="color" background_color="#eee" padding_top="100" padding_bottom="100" top_divider_type="circle" top_divider_location="top" top_divider_primary_color="#fff" bottom_divider_type="circle" bottom_divider_location="bottom" bottom_divider_primary_color="#fff"]
<h2>Circle</h2>
[intense_filler paragraphs="2"]
[/intense_content_section]
[intense_content_section background_type="color" background_color="#fff" height="100"]
[/intense_content_section]
[intense_content_section background_type="color" background_color="#eee" padding_top="100" padding_bottom="100" top_divider_type="diamond" top_divider_location="top" top_divider_primary_color="#fff" bottom_divider_type="diamond" bottom_divider_location="bottom" bottom_divider_primary_color="#fff"]
<h2>Diamond</h2>
[intense_filler paragraphs="2"]
[/intense_content_section]
[intense_content_section background_type="color" background_color="#fff" height="100"]
[/intense_content_section]
[intense_snippet snippet_id="Child Theme | Shortcodes/footer" snippet_title="Shortcode Page Footer"]