Background

• Components

  • Headers
  • Footers
  • Parallax
  • Cards
  • Masonry Grid
  • Buttons
  • Form Elements
  • Carousel
  • Video Pop-up
  • Floating Divs
  • Overlays
  • Zoom Effect
  • Hover Animate
  • Morphext
  • Background
  • Hover Up
  • Blockquote
  • Pagination
  • Map
  • Accordions
  • Circle Block
  • Artworks
  • Spinners
  • Icon Boxes
  • Counters
  • Progress Bars
  • Helper Classes

• Plugins

  • Animations
  • Bootstrap
  • jQuery
  • Masonry
  • Morphext
  • Owl Carousel
  • Parallax
  • Wow
  • Progress Bar
  • ImagesLoaded
  • Popper
  • Waypoints
  • jQuery Forms
  • Google reCaptcha v2

Section Background

Add .cl-section-has-bg class to the section/div, to which you want to give background. Add background image in img tag, inside this section/div. Wrap the content in div tag.

<div class="cl-section-has-bg">
    <img src="path/to/some-bg.svg" />
    <div>
       Content...
    </div>
</div>

Heading

Duis eu enim eget quam lacinia egestas ac sagittis leo. Vivamus eget nisl diam. Vivamus ullamcorper porttitor eros sagittis congue.

Lorem ipsum dolor sit amet, consec tetur adipiscing elit. Vestibulum nec diam quis mi aliquam cursus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.