HTML Templates Documentation

Template customization

Template layout configuration

HTML Website Templates allows both wide and boxed page layouts. In order to switch page to boxed layout, .boxed class adding to main <html> tag is required.

<html lang="en" class="boxed">

List of available layouts:

.wide

fullwidth mode
.boxed

static width

Smooth scroll configuration for Windows

HTML Website Templates include built-in smooth scroll for Chrome browser in Windows OS. In order to activate it, just add .smoothscroll class to html tag.

<html lang="en" class="smoothscroll">

As an option, you can also activate smooth scrolling for all platforms

<html lang="en" class="smoothscroll-all">

Template items animation on page scroll

HTML Website Templates use Wow.js extension and Animate.css css library for the implementation of scroll animation. In order to enable scroll animation for entire page elements you should add .wow-animation class to html tag.

<html lang="en" class="wow-animation"

You should also specify the appropriate animation class for target item. Available animation classes list and examples can be found at Shortcodes -> Scroll Animation section.