Background image template

Page tamplates documentation



    <div class="background-page" style="background-image:url('')"></div>
    <div class="overlay-content">
        <div class="section-empty">
            <div class="container content">
                <div class="row">

Main settings

Name Type Description
Settings Information Add the background-page object in first row of body and add class overlay-content to the main content container.
Overlay pattern HTML You can add a overlay to every background including images, videos and sliders. Insert the code <div class="bg-overlay pattern-name"></div> into the container <div class="background-page"> ... </div> as first item and replace pattern-name with the pattern you want.
Overlay pattern is a feature of Javascript and CSS, complete documentation and patterns list here. Example:
<div class="background-page" style="background-image:url('image-1.jpg')">
    <div class="bg-overlay transparent-dark"></div>