Genesis Tutorials

Vimeo Grid Template Using Video Link In Genesis

This very basic template enables you to add links to videos hosted on Vimeo so they display in a grid like this :

All you need to do is add the link to your vimeo videos using custom fields on the Edit Page screen like this :

You can display your videos in a fully responsive 2, 3, 4 or 6 column grid.

Template Installation

Once you download the template below, upload it to your Genesis child theme folder and select the Template named Vimeo Link from the Page Attributes meta box.

You can then add CSS to target the template using the vimeo-link body class like this :

.vimeo-link .one-third {
    padding-top: 20px;

Tested using the Genesis Sample child theme by StudioPress.

The template will also work with YouTube video links.

Here’s the template for logged in members :

Leave a Reply

Your email address will not be published. Required fields are marked *