Background utilities

Background image

Apply data-bg=”images/bg1.jpg” attribute on an element with your image path to apply a background image

 

Use helper classes .bg-cc, .bg-cover to adjust background image on an element.

 

Background gradient color

Apply data-gradient=”y” and data-g-colors=”rgba(0,0,0,0)|rgba(13, 29, 125, 0.7)” attribute. Apply two background colors with “|” separator.

 

Parallax background image

Apply attribute data-bgholder=”parallax” and set image path in data-parallax-img=”images/bg-img-01.jpg” to apply parallax image.

Please note parallax image only apply to a transparent element.

 

 

Related Articles