• show code

  [grid] [column size="1-4"] <p><a class="uk-thumbnail-expand" data-lightbox="group:gallery" href="/images/demo/gallery/1.jpg" title="This is your title" data-spotlight="on"><img width="605" height="605" src="/images/demo/gallery/1.jpg" alt="gallery"></a></p> [/column] [column size="1-4"] <p><a class="uk-thumbnail-expand" data-lightbox="group:gallery" href="/images/demo/gallery/2.jpg" title="This is your title" data-spotlight="on"><img width="605" height="605" src="/images/demo/gallery/2.jpg" alt="gallery"></a></p> [/column] [column size="1-4"] <p><a class="uk-thumbnail-expand" data-lightbox="group:gallery" href="/images/demo/gallery/3.jpg" title="This is your title" data-spotlight="on"><img width="605" height="605" src="/images/demo/gallery/3.jpg" alt="gallery"></a></p> [/column] [column size="1-4"] <p><a class="uk-thumbnail-expand" data-lightbox="group:gallery" href="/images/demo/gallery/4.jpg" title="This is your title" data-spotlight="on"><img width="605" height="605" src="/images/demo/gallery/4.jpg" alt="gallery"></a></p> [/column] [/grid]

• show code

  [grid] [column size="1-5"] <p><a class="uk-thumbnail-expand" data-lightbox="group:gallery" href="/images/demo/gallery/1.jpg" title="This is your title" data-spotlight="on"><img width="605" height="605" src="/images/demo/gallery/1.jpg" alt="gallery"></a></p> [/column] [column size="1-5"] <p><a class="uk-thumbnail-expand" data-lightbox="group:gallery" href="/images/demo/gallery/2.jpg" title="This is your title" data-spotlight="on"><img width="605" height="605" src="/images/demo/gallery/2.jpg" alt="gallery"></a></p> [/column] [column size="1-5"] <p><a class="uk-thumbnail-expand" data-lightbox="group:gallery" href="/images/demo/gallery/3.jpg" title="This is your title" data-spotlight="on"><img width="605" height="605" src="/images/demo/gallery/3.jpg" alt="gallery"></a></p> [/column] [column size="1-5"] <p><a class="uk-thumbnail-expand" data-lightbox="group:gallery" href="/images/demo/gallery/4.jpg" title="This is your title" data-spotlight="on"><img width="605" height="605" src="/images/demo/gallery/4.jpg" alt="gallery"></a></p> [/column] [column size="1-5"] <p><a class="uk-thumbnail-expand" data-lightbox="group:gallery" href="/images/demo/gallery/5.jpg" title="This is your title" data-spotlight="on"><img width="605" height="605" src="/images/demo/gallery/5.jpg" alt="gallery"></a></p> [/column] [/grid]

• show code

  [grid] [column size="1-2"] <h3>Be kind whenever possible</h3> [video width="600" height="294" poster="/images/demo/video/movie_bg.png"] [source type="video/mp4" url="images/demo/video/envato_sting.mp4"][/source] [source type="video/ogg" url="images/demo/video/envato_sting.ogv"][/source] [source type="video/webm" url="images/demo/video/envato_sting.webm"][/source] [/video] [/column] [column size="1-2"] <h3>Make that idea your life</h3> [video width="600" height="294" poster="/images/demo/video/movie_bg.png"] [source type="video/mp4" url="images/demo/video/envato_sting.mp4"][/source] [source type="video/ogg" url="images/demo/video/envato_sting.ogv"][/source] [source type="video/webm" url="images/demo/video/envato_sting.webm"][/source] [/video][/column] [/grid]

To install the Forum do the following:

1. Download the latest Kunena Component
2. Go to Extensions > Manage > Install and install it
3. Extract sandal_extensions.zip from the package you downloaded from Themeforest. You'll find a folder named 'kunena' and within it a package named canvas_kunena_template.zip
4. Go to Components > Kunena Forum > Templates and click on 'New Template' button
5. Click on choose file and select canvas_kunena_template.zip then click on 'Upload File & Install button
6. Once the install is completed, select the Canvas template and set it as Default template