Front Page

Front Page

Box □ №16 website template supports a full-width video background on the home page.

To change the defoult front page video navigate to the Layout view on your Dashboard.
You will find your HOMEPAGE section directly below the header.

1.

Edit the Video widget to insert a link to your video and replace the dummy poster.

If you prefer a static image as a background instead of a video,
remove the "source" URL and keep the "poster" link only.

IMPORTANT NOTE: for best performance use a self-hosted MP4 video file
(tip: Dropbox makes an excellent free server)

Need a conversion to a YouTube video background? Feel free to contact me for details.

      
<video autoplay muted loop id="myVideo" 
  poster="YOUR IMAGE URL">
  <source src="YOUR VIDEO URL">
  </source>
</video>
    
    

sample snippet:

 
<video autoplay muted loop id="myVideo" 
  poster="https://tinyurl.com/BOX16-IMAGE">
  <source src="https://tinyurl.com/BOX16-VIDEO">
  </source>
</video>
  

2.

Edit the pre-installed content widget to customize the welcome message on the front page or replace the text widget with any other widget of your choice.

To style the home page section, go to the Theme view
and click the "Customise" button:

Select Advanced ⟶ Home Page
to choose the fonts and colors for your home page message and
use the Homepage Tint color picker to adjust the color of the filter placed over the video.