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. Cras quis nisl mattis, pharetra metus at, mattis magna. Morbi vitae sem eu lacus laoreet scelerisque ac a dui.
Curabitur pulvinar lacus at nulla elementum, eget suscipit neque imperdiet. Pellentesque bibendum mauris at diam pretium, sit amet tempor tortor ultricies. Aliquam et nibh placerat purus pellentesque semper nec quis sem. Morbi pulvinar elit a felis vulputate volutpat. Donec et turpis posuere, euismod tortor at, sagittis massa. Morbi ut massa a orci imperdiet euismod vel nec urna.
Diagonal Right
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ultricies purus vitae est ornare vulputate. Aliquam viverra eros quis cursus sagittis. Phasellus suscipit urna id mauris fringilla accumsan. Duis scelerisque nulla ac augue vulputate, in luctus ligula convallis.
Nulla sed lorem dignissim, blandit ipsum ac, sollicitudin elit. Cras laoreet diam ac mauris placerat sollicitudin. Pellentesque sit amet quam nec tellus condimentum suscipit non et purus. Nunc non justo ultricies, tristique libero vitae, ornare odio. Nunc ac lectus vel tortor rutrum feugiat. Proin rutrum enim quis enim sagittis, at mattis purus rutrum. Praesent mollis lacus sit amet tortor malesuada placerat. Proin non tortor venenatis nisl condimentum viverra sit amet eu ligula. Cras eu neque sodales, ultricies lectus nec, laoreet est.
Triangle Big Right
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ut lacus vitae urna faucibus sollicitudin. Curabitur rutrum leo id dolor egestas ullamcorper. Maecenas ac tortor eu est porttitor sodales in id odio. Suspendisse quis justo et tellus mollis suscipit ut sed metus. Fusce ut enim id libero aliquet ullamcorper. Proin in tortor vehicula, porttitor elit at, egestas mi. Sed tristique justo id ipsum luctus fringilla.
Maecenas blandit orci convallis mi accumsan, sed venenatis orci accumsan. Quisque vel ante non ipsum malesuada egestas. Vivamus placerat odio non sem cursus, at sodales tortor tincidunt. Nam cursus urna sit amet lacus laoreet, pulvinar laoreet lectus lobortis. Nunc ac lectus vel tortor rutrum feugiat. Ut hendrerit neque ut tellus lobortis, at volutpat ipsum tincidunt. Pellentesque eu mauris consectetur, accumsan leo in, venenatis nisi.
Triangle Big Left
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin adipiscing quam facilisis lectus tristique, id euismod sem interdum. Ut sed nunc venenatis, interdum nisi non, tristique velit. Sed tristique urna non vehicula imperdiet. Mauris porta nulla et tortor convallis, id posuere est rutrum. Praesent a sapien nec enim rutrum ultrices in adipiscing augue. Mauris sit amet tellus eget neque gravida volutpat.
Quisque consectetur felis non nulla accumsan tempor. In accumsan nunc venenatis convallis auctor. Nulla porta turpis vel est tempus dictum. Nullam placerat nulla a sagittis sagittis. Ut eu velit in nisl accumsan tempus. Duis id lacus mollis, lacinia mauris eget, accumsan mi. Cras dignissim arcu id molestie blandit. Suspendisse ac risus nec velit faucibus pellentesque sit amet ac ipsum.
Triangle
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vitae risus sit amet nisl molestie iaculis. Suspendisse eu nunc rutrum, vulputate enim sed, lobortis erat. Sed lacinia neque a nulla bibendum hendrerit. Praesent dictum augue eu urna ultricies adipiscing. Vestibulum non odio adipiscing nulla elementum semper eu porttitor orci. Duis consectetur est eget mi consectetur, sed dignissim mauris lacinia. In dapibus purus ultricies, porta sapien ac, tincidunt sapien. Nunc nec ligula sit amet nibh commodo sagittis et ac tellus. Vestibulum dictum nunc ut mi semper, non suscipit mauris sollicitudin. Mauris porta nulla et tortor convallis, id posuere est rutrum.
Phasellus varius justo viverra, scelerisque nunc vitae, dapibus lorem. In ut enim vel mi sodales facilisis non id ipsum. Aliquam eleifend nibh eget arcu ornare dapibus dignissim fringilla nibh. Etiam venenatis massa a turpis vulputate pharetra. In vitae diam ac risus sodales sagittis vel sed tortor.
Clouds
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ut lacus ac mi sollicitudin interdum. Nullam et mi aliquam, pellentesque neque aliquam, tincidunt diam.
Nunc eleifend tortor quis blandit pellentesque. Aliquam dapibus nulla condimentum, egestas risus eget, rutrum leo. Vestibulum et odio dictum, elementum augue non, volutpat sapien. Quisque consectetur felis non nulla accumsan tempor.
Waves
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vitae libero ac ipsum ultrices mollis. Nulla eu justo vitae diam bibendum volutpat vitae sit amet leo. Etiam fermentum erat quis adipiscing ornare. Sed tristique urna non vehicula imperdiet. Maecenas consequat mi quis erat vehicula, vel egestas diam condimentum. Quisque vitae elit accumsan, mattis magna id, bibendum dui. Nullam et mi aliquam, pellentesque neque aliquam, tincidunt diam.
Proin ultricies quam quis nisi pharetra, ut malesuada nibh varius. Sed vitae risus sit amet nisl molestie iaculis. Aliquam quis arcu non magna aliquam iaculis. Sed eget nisi at metus varius gravida ac eu mi. Nunc fermentum tortor pulvinar, auctor arcu sit amet, molestie ligula.
Round Split Shadow
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus eu mi quis nibh consectetur auctor. Vivamus iaculis dolor consequat, euismod orci in, egestas ante. Donec quis nunc vitae nibh sagittis lacinia. Nunc vitae metus nec nulla iaculis dictum nec in nunc. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ut enim vel mi sodales facilisis non id ipsum.
Vivamus iaculis dolor consequat, euismod orci in, egestas ante. Sed a sapien et urna sagittis lacinia eget id nisi. Duis ornare sem nec mi euismod posuere. Curabitur sagittis justo id orci scelerisque, non sagittis nunc tincidunt. Nam vel libero id dui pellentesque fermentum. Suspendisse semper neque adipiscing nibh ullamcorper tristique. Praesent ut est nec eros pharetra ultrices vitae vitae nisi. Morbi et ligula a enim euismod lobortis. Aenean quis nulla vel dolor blandit mattis et vel sem.
Triangle Big Shadow Left
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla cursus velit a libero molestie, ornare pharetra purus facilisis. Nulla ultricies magna a dui dapibus, non gravida urna imperdiet. Suspendisse scelerisque nunc pulvinar aliquam lacinia. Vestibulum id erat quis ante dictum consequat a sed dui. Praesent in purus dignissim, malesuada orci vitae, lacinia dolor. Donec egestas erat eget ante suscipit, vitae iaculis neque sollicitudin. Morbi et ligula a enim euismod lobortis.
Sed lacinia neque a nulla bibendum hendrerit. Cras bibendum erat rhoncus felis ultrices posuere. Nullam ullamcorper lacus at dui consequat, vitae molestie orci dignissim. Nam varius magna at sem ultricies hendrerit. Nunc aliquet lorem eu luctus dictum. Vivamus mollis libero nec turpis lobortis, nec congue augue lacinia. Phasellus molestie sapien at felis blandit placerat. Suspendisse eu nunc rutrum, vulputate enim sed, lobortis erat. In feugiat lacus et velit ultrices volutpat. Phasellus quis lectus sit amet libero tincidunt lobortis.
Triangle Big Shadow Right
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi non odio sed mauris euismod pulvinar quis quis nisl. Proin adipiscing quam facilisis lectus tristique, id euismod sem interdum. Pellentesque bibendum mauris at diam pretium, sit amet tempor tortor ultricies. Aliquam adipiscing risus et vestibulum sollicitudin. Nam cursus urna sit amet lacus laoreet, pulvinar laoreet lectus lobortis. Mauris vitae quam vel dui facilisis consequat eget vitae nibh. Vestibulum fermentum risus et mollis ullamcorper.
Morbi non odio sed mauris euismod pulvinar quis quis nisl. Phasellus eleifend massa at euismod rutrum. In ullamcorper lectus in aliquet pellentesque. Etiam porttitor tellus sed mi vestibulum, sed ornare dui tempor. Proin adipiscing quam facilisis lectus tristique, id euismod sem interdum. Curabitur tristique ligula ut elit luctus convallis. Duis et justo elementum libero iaculis pulvinar.
Curve Big
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nec mauris et quam interdum tristique. Donec at massa id leo imperdiet tincidunt id at ipsum. Proin eget est eu ante venenatis iaculis. Curabitur quis sem at massa fermentum egestas. Praesent lacinia ante vitae elementum adipiscing. Nullam suscipit massa non purus hendrerit, pellentesque semper augue consequat. Vivamus accumsan nisl adipiscing sem sollicitudin ultricies. Vestibulum faucibus sapien eu justo posuere, sit amet tempus magna pretium. Nam eleifend lectus rutrum dui pretium commodo.
Nunc eleifend tortor quis blandit pellentesque. Pellentesque semper nibh ac magna dapibus, eget sollicitudin risus condimentum. Morbi pulvinar elit a felis vulputate volutpat. Suspendisse varius metus nec massa malesuada laoreet.
Circle Big
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vitae risus sit amet nisl molestie iaculis. Duis molestie magna sit amet lacinia commodo. Pellentesque ac sapien luctus est pellentesque cursus sed vitae lectus. Pellentesque egestas leo aliquam vehicula iaculis. Nam vel libero id dui pellentesque fermentum. Aliquam in augue congue, consectetur est eget, gravida enim. Donec porta orci vestibulum commodo ullamcorper.
Fusce ac neque congue urna tristique scelerisque. Proin nec ligula nec libero tristique ornare. In vel dui in mauris eleifend luctus. Nam ut leo a tellus laoreet ornare at vel massa. Vestibulum vel metus sit amet enim sollicitudin euismod eget nec justo. Nulla semper ipsum sed sapien fringilla vehicula. Fusce tristique dolor nec turpis euismod, a tempus arcu elementum. Aenean viverra ante id nunc lacinia aliquam. In vitae diam ac risus sodales sagittis vel sed tortor.
Circle Edge
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque faucibus lacus ac adipiscing fringilla. Nullam accumsan lacus sit amet varius faucibus. Donec quis nunc vitae nibh sagittis lacinia. Ut eu velit in nisl accumsan tempus. Nunc accumsan arcu ac blandit semper. Aliquam ut turpis eu est auctor laoreet volutpat nec ante. Maecenas sollicitudin purus sodales leo molestie interdum. Nam eleifend lectus rutrum dui pretium commodo. Phasellus commodo dolor a mi condimentum tristique. Proin eget est eu ante venenatis iaculis.
Mauris at ipsum vel metus viverra ultricies. Mauris sit amet nibh sagittis, elementum metus et, facilisis massa. Sed blandit lorem eu velit tempus, id ornare arcu fringilla. Morbi vehicula mi sed lacus commodo, aliquet eleifend odio tristique. Vestibulum at diam tristique, interdum sapien in, blandit nulla. Nullam et mi aliquam, pellentesque neque aliquam, tincidunt diam. Fusce eget dolor congue, ultrices tortor at, fermentum risus. Sed mattis augue ut blandit eleifend. Ut egestas lectus sit amet ante posuere molestie. Nam non mi ut orci commodo bibendum.
Zigzag Incline
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi at libero at sapien ultricies feugiat in quis orci. Nulla ultricies magna a dui dapibus, non gravida urna imperdiet. Nulla feugiat orci non libero ultrices dignissim. Proin non tortor venenatis nisl condimentum viverra sit amet eu ligula. Donec pretium mi eget orci convallis faucibus. Suspendisse eu nunc rutrum, vulputate enim sed, lobortis erat. Maecenas sollicitudin purus sodales leo molestie interdum. Aliquam dapibus nulla condimentum, egestas risus eget, rutrum leo. Quisque sed erat eu orci ultrices vestibulum. Phasellus sollicitudin sapien facilisis augue dapibus varius. Nam posuere turpis ut semper ullamcorper.
Aliquam iaculis risus congue, dignissim eros ut, lacinia nulla. Nulla a dui consectetur, gravida ligula et, viverra purus. Mauris non dui eget justo bibendum imperdiet ut non velit. Nulla a dui consectetur, gravida ligula et, viverra purus. Nam eget mi ut risus fermentum fringilla.
Zigzag Castle
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris a velit eget odio sollicitudin laoreet. Nam eget mi ut risus fermentum fringilla. Aenean interdum augue sit amet justo ultrices gravida.
Proin egestas tortor sit amet venenatis posuere. Sed placerat est nec diam lobortis auctor. In accumsan nunc venenatis convallis auctor. Phasellus fermentum tellus vitae nisi adipiscing elementum. Mauris ultrices arcu ac lacus mollis, ut lobortis libero auctor. Maecenas a dolor suscipit, sagittis nisl ac, rutrum tellus. Praesent aliquam nisl et lacus fringilla dignissim. Duis semper purus ac arcu ullamcorper blandit. In vel dui in mauris eleifend luctus. Ut egestas lectus sit amet ante posuere molestie. Vestibulum non enim blandit, eleifend neque vel, convallis tellus.
Zigzag
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla dictum purus in vehicula volutpat. Quisque ac turpis sit amet nibh ultricies egestas quis quis neque. In ac lorem feugiat, molestie ligula ac, congue risus. Suspendisse ac risus nec velit faucibus pellentesque sit amet ac ipsum. In vitae purus vitae elit congue imperdiet vel sit amet dolor. Morbi non odio sed mauris euismod pulvinar quis quis nisl. Integer eu ligula blandit metus facilisis viverra.
Maecenas quis lorem hendrerit, vulputate nulla et, mollis risus. Cras sit amet orci vulputate, tempus massa eget, rhoncus eros. Integer laoreet mauris a augue bibendum blandit. Ut et neque posuere, malesuada dui quis, pulvinar metus. Curabitur ornare lacus adipiscing nisl porta, quis faucibus felis vestibulum. Ut euismod urna et sapien sollicitudin, sed convallis dui hendrerit.
Boxes
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ornare tellus vitae accumsan suscipit. In at augue ullamcorper, pellentesque arcu aliquet, ullamcorper turpis. Praesent porta tellus ac tortor dapibus, non faucibus ligula malesuada. Aliquam quis arcu non magna aliquam iaculis. Nam non mi ut orci commodo bibendum. Aliquam posuere nisi ac consequat venenatis. Sed sed mi facilisis, pellentesque ipsum at, viverra purus. Suspendisse sit amet ipsum placerat, dictum purus et, dignissim nunc. Nulla a dui consectetur, gravida ligula et, viverra purus. Nunc non turpis eu eros tincidunt vestibulum in id purus.
Duis tempor est non orci convallis rhoncus. Nullam eu lorem posuere, hendrerit purus a, pellentesque leo. Aliquam at orci ultrices, vehicula erat eget, ornare urna. Phasellus molestie massa id posuere cursus. Ut egestas magna sed ipsum faucibus pellentesque. Suspendisse sed sem sed lorem sagittis auctor non non augue.
Round Split
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla semper ipsum sed sapien fringilla vehicula. Sed tristique justo id ipsum luctus fringilla. Nullam ullamcorper lacus at dui consequat, vitae molestie orci dignissim. Etiam vulputate lectus eget enim porttitor euismod.
Praesent feugiat tellus et nisi rhoncus, vel mattis quam laoreet. Duis accumsan nibh sed orci lobortis imperdiet. Donec laoreet augue vel neque tincidunt, porttitor rutrum dolor condimentum. Nam posuere turpis ut semper ullamcorper. Mauris sit amet tellus eget neque gravida volutpat. Praesent nec neque cursus, congue neque et, tempor odio. Duis sollicitudin erat vitae nibh rutrum vehicula. Praesent dictum augue eu urna ultricies adipiscing.
Round Edge
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sit amet urna eget nisl luctus tristique at non odio. Etiam ornare felis sit amet purus tristique, in placerat velit faucibus. In accumsan nunc venenatis convallis auctor. Nullam et odio sit amet libero consectetur congue ac vitae tortor. Maecenas eu ipsum in purus bibendum placerat tincidunt molestie ipsum. Praesent mattis nibh eu enim laoreet adipiscing. Proin eu sem sit amet libero tristique accumsan in non dui. Maecenas consequat mi quis erat vehicula, vel egestas diam condimentum. Etiam pretium massa malesuada vestibulum volutpat. Quisque id massa imperdiet ante fringilla volutpat nec porta sem. Duis at mauris et turpis convallis gravida sit amet quis lectus.
Integer iaculis purus sed congue porta. Fusce vitae libero ac ipsum ultrices mollis. Aliquam pharetra ligula vel lacus euismod lacinia. Curabitur quis sem at massa fermentum egestas. Proin molestie libero ac risus pellentesque mollis. Curabitur sit amet leo vehicula, luctus tortor nec, adipiscing risus. Ut nec dui quis erat pellentesque interdum. Cras sed mauris non massa tincidunt viverra a consequat ligula. Nam varius magna at sem ultricies hendrerit. Nulla condimentum nisl vestibulum sapien feugiat, eget facilisis felis ornare. Morbi vehicula mi sed lacus commodo, aliquet eleifend odio tristique.
Diamond Triple
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sodales orci eget sapien sodales adipiscing. Cras bibendum erat rhoncus felis ultrices posuere. Morbi vel nunc id mauris mollis congue sed vitae lacus. Curabitur varius odio a adipiscing tempor. Ut in nulla tincidunt nulla malesuada tempor ac non risus.
Nam laoreet sapien ac odio ullamcorper posuere. Maecenas facilisis augue et nisi ullamcorper condimentum. Fusce tristique dolor nec turpis euismod, a tempus arcu elementum.
Triangle Big Inverse
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vel metus sit amet enim sollicitudin euismod eget nec justo. Nullam vel lectus tincidunt, iaculis mi eget, rhoncus velit. Sed vel odio sit amet nulla cursus laoreet ut ut ante. Fusce tristique dui et nisi hendrerit ultrices. Praesent mattis nibh eu enim laoreet adipiscing. Nunc ac lectus vel tortor rutrum feugiat. Nam vel libero id dui pellentesque fermentum. Proin blandit magna ullamcorper luctus dictum.
Vestibulum non odio adipiscing nulla elementum semper eu porttitor orci. Maecenas blandit orci convallis mi accumsan, sed venenatis orci accumsan. Maecenas quis lorem hendrerit, vulputate nulla et, mollis risus. Aliquam eleifend nibh eget arcu ornare dapibus dignissim fringilla nibh. Duis scelerisque nulla ac augue vulputate, in luctus ligula convallis. Vivamus ac leo mollis, posuere sapien id, accumsan sapien. Sed sed mi facilisis, pellentesque ipsum at, viverra purus. Vivamus placerat odio non sem cursus, at sodales tortor tincidunt. Nulla sed lectus ac tellus rhoncus pellentesque. Aliquam et nibh placerat purus pellentesque semper nec quis sem. Etiam porttitor tellus sed mi vestibulum, sed ornare dui tempor. Vivamus porttitor leo in tincidunt hendrerit.
Curve Left/Right
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed malesuada libero eget viverra tristique. Fusce vitae libero ac ipsum ultrices mollis. Donec at nunc a arcu congue posuere. Nulla eu justo vitae diam bibendum volutpat vitae sit amet leo. Phasellus tincidunt dolor a sapien fringilla lacinia. Mauris at ipsum vel metus viverra ultricies. Nam laoreet sapien ac odio ullamcorper posuere. Integer eget sem aliquet, laoreet tortor sit amet, fringilla lorem.
Donec pretium mi eget orci convallis faucibus. Vestibulum ut lacus vitae urna faucibus sollicitudin. Nullam feugiat felis et massa accumsan, ut dictum nisl rhoncus. Proin viverra dui a quam sagittis, vitae condimentum dolor consectetur. Quisque consectetur lorem sit amet nisi porttitor, sed bibendum nunc sodales. Pellentesque dignissim sapien nec sagittis commodo. In nec tellus at neque malesuada malesuada et sed nibh.
Triangle Big Centered
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus eleifend massa at euismod rutrum. Proin ultricies quam quis nisi pharetra, ut malesuada nibh varius. Mauris sit amet tellus eget neque gravida volutpat.
Aliquam pretium justo id orci porta, ut tincidunt ipsum iaculis. Donec eget quam non ligula placerat ultrices. Donec tempor urna at auctor dictum. In feugiat lacus et velit ultrices volutpat. Duis feugiat orci quis tempor faucibus. Aliquam iaculis risus congue, dignissim eros ut, lacinia nulla.
Circle
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut egestas lectus sit amet ante posuere molestie. Phasellus non lacus convallis, ultrices purus eget, molestie risus. Proin in tortor vehicula, porttitor elit at, egestas mi. Donec at nunc a arcu congue posuere. Integer id velit scelerisque lectus eleifend mattis. Suspendisse vitae ipsum tempus, accumsan ante vel, venenatis erat. Proin ultricies massa vitae nisl ultrices imperdiet. Pellentesque ac sapien luctus est pellentesque cursus sed vitae lectus.
Aenean blandit urna vel lectus fermentum facilisis eu ut metus. Fusce ut enim id libero aliquet ullamcorper. Donec at massa id leo imperdiet tincidunt id at ipsum. Nullam feugiat felis et massa accumsan, ut dictum nisl rhoncus. Praesent in purus dignissim, malesuada orci vitae, lacinia dolor.
Diamond
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In convallis velit tincidunt eleifend vulputate. Suspendisse vitae erat ut lorem scelerisque venenatis. Mauris vitae quam vel dui facilisis consequat eget vitae nibh. Curabitur sagittis justo id orci scelerisque, non sagittis nunc tincidunt.
Ut egestas ligula malesuada, fermentum dui a, ultrices enim. Sed vehicula est non massa porttitor interdum. Pellentesque ullamcorper dui tincidunt pellentesque tempus. Suspendisse eu nunc rutrum, vulputate enim sed, lobortis erat. Aliquam posuere nisi ac consequat venenatis. Proin molestie libero ac risus pellentesque mollis. Ut eu velit in nisl accumsan tempus.
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"]
