Canvas Template Documentation

Installation, file structure, SCSS and Gulp setup, dark mode, fonts, and everything you need to launch your first Canvas site.

• Working with SCSS
• Installation
• SCSS & Gulp.js

Header layouts, sticky and transparent headers, logo settings, mega menus, top bars, and side panel navigation.

• Header Types
• Sticky Header
• Header Sizes

Hero sliders and carousels: Swiper setups, HTML5 video and YouTube background sliders, and slider customization.

• Types & Options
• Revolution Slider
• Canvas Slider

Core building blocks like page titles, sections, sidebars, footers, and content layout patterns.

• Page Titles
• Grid
• Side Panel

Blog listing layouts, single post structure, timelines, and post media like galleries, audio, and video embeds.

• Setup
• Post Types
• Comments

Portfolio grids, filtering, masonry layouts, single project pages, and Ajax-powered portfolio loading.

• Setup
• In Page AJAX
• Modal AJAX

Contact forms, the built-in PHP form processor, validation, reCAPTCHA, and custom form styling.

• Setup
• Fields
• Auto-Responder

The full shortcode library: buttons, tabs, accordions, pricing, counters, carousels, modals, and more.

• Animations
• Hover Animations
• Lazy Loading

Reusable interface components and their markup, options, and styling hooks.

• DataTables
• Date-Time Pickers
• Select Picker

Sidebar and footer widgets: subscribe forms, social feeds, tag clouds, and navigation widgets.

• Widgets Setup
• Flickr Widget
• Dribbble Widget

Third-party plugins, libraries, fonts, and image sources bundled with or used by Canvas.

• Images
• Mockups
• PSDs

Release notes for every Canvas version: new features, improvements, and bug fixes.

• Version 8.0.2
• Version 8.0.1
• Version 7.4

Ready-made niche demos and how to use them as starting points for your own projects.

• Academic Demo
• Agency Demo
• AI Coding Demo

Helper classes for spacing, typography, colors, positioning, borders, shadows, and responsive tweaks.

• Bootstrap
• Gutters
• Heights