Videos in Gallery (Grid System)

This is a tutorial for advanced use for people who are up to editing HTML. (No CSS editing needed)

Note that this example uses the grid system from Bootstrap 4.0 (alpha) If your theme has a grid system you may want to use that instead as there may be conflicts if you include this. If your theme is BS 3.0 based do not include this CSS the HTML code is a little different col-sm-6 I think and you don’t need any custom CSS for it.

You can use the Bootstrap 4.0 grid with any theme not listed above by copying the code to the new custom CSS section of the WP Customizer.

With a grid system you can display content in a grid, in this example the are 2 columns on mobiles and 3 on desktops. (until the CSS in this site is updated actually 1 column on mobiles). The Grid system is extremely powerful and you can do many more things with it.

Video Thumbnail
► Planet Earth: Amazing nature scenery (1080p HD)
Video Thumbnail
► Planet Earth: Amazing nature scenery (1080p HD)
Video Thumbnail
► Planet Earth: Amazing nature scenery (1080p HD)
Video Thumbnail
► Planet Earth: Amazing nature scenery (1080p HD)
Video Thumbnail
► Planet Earth: Amazing nature scenery (1080p HD)
Video Thumbnail
► Planet Earth: Amazing nature scenery (1080p HD)
<div class="alert alert-warning">

This is a tutorial for advanced use for people who are up to editing HTML. (No CSS editing needed)

Note that this example uses the grid system from Bootstrap 4.0 (alpha) If your theme has a grid system you may want to use that instead as there may be conflicts if you include this. If your theme is BS 3.0 based <strong>do not include this CSS</strong> the HTML code is a little different col-sm-6 I think and you don't need any custom CSS for it.<strong>
</strong>

</div>
You can use the Bootstrap 4.0 grid with any theme not listed above <a href="https://raw.githubusercontent.com/twbs/bootstrap/v4-dev/dist/css/bootstrap-grid.min.css">by copying the code</a> to the new custom CSS section of the WP Customizer.

With a grid system you can display content in a grid, in this example the are 2 columns on mobiles and 3 on desktops. (until the CSS in this site is updated actually 1 column on mobiles). The Grid system is extremely powerful and <a href="https://v4-alpha.getbootstrap.com/layout/grid/">you can do many more things with it.</a>
<div class="row">
<div class="col-6 col-md-4">

[arve url="https://www.youtube.com/watch?v=6v2L2UGZJAM" mode="lazyload-lightbox"/]

</div>
<div class="col-6 col-md-4">

[arve url="https://www.youtube.com/watch?v=6v2L2UGZJAM" mode="lazyload-lightbox"/]

</div>
<div class="col-6 col-md-4">

[arve url="https://www.youtube.com/watch?v=6v2L2UGZJAM" mode="lazyload-lightbox"/]

</div>
<div class="col-6 col-md-4">

[arve url="https://www.youtube.com/watch?v=6v2L2UGZJAM" mode="lazyload-lightbox"/]

</div>
<div class="col-6 col-md-4">

[arve url="https://www.youtube.com/watch?v=6v2L2UGZJAM" mode="lazyload-lightbox"/]

</div>
<div class="col-6 col-md-4">

[arve url="https://www.youtube.com/watch?v=6v2L2UGZJAM" mode="lazyload-lightbox"/]

</div>
</div>

Single

1 site license
1 year updates
1 year support

2-5 Sites

5 site licenses
1 year updates
1 year support

Unlimited

unlimited site licenses
1 year updates
1 year support

VIP

unlimited site licenses
lifetime updates
1 year priority support
VIP access to the first premium theme released here (no date yet)