Qubert is a fun "masonry-style" template that is ideal for showcasing a lot of projects in a relatively compact space. Its Index page accommodates multiple galleries, each with as many images as you want.

Special Features

Dynamic layout

Qubert dynamically and intelligently reflows your galleries based on the size of the browser window. By default, the first image in a gallery will be used as its thumbnail, but you can override that by uploading an image to Thumbnail Image in that gallery's Page Settings. When you click on a thumbnail, the gallery and its description load in from the left.

You can set the width, spacing, and transparency of the gallery thumbnails with the Project Opacity, Project Width, and Project Spacing tweaks in the Style Editor.​

You can set the width of the full-size images with Project Detail Width. The Page Width setting is for the Blog and regular pages.​

Index Page

The Index Page consists of a series of galleries. All galleries filed under Index will be displayed in the masonry-style layout described above, rather than as individual gallery pages.​

Social Icons

If you connect your social accounts (do this in the backend under Settings > Social Accounts > + Add Account), the links will appear as icons under the main site navigation. The size, color, and style  of these are editable in the Style Editor under Social Icon Size, Social Icon Color, and Social Icon Style.​

How to Use This Template

Index 

Qubert works best with a fairly large number of galleries in the Index. To create this, add a new gallery page under the index section rather than the main navigation. Galleries that are added as pages will appear differently to galleries under the index.

Main Navigation 

One-off gallery pages, blog pages, links, folders, and empty pages can all be added to the main navigation. These pages will appear in the sidebar under the logo/site title.

Gallery Details

To add a title and description for any gallery (either a standalone gallery or a gallery in the Index), click into Page Settings at the top right corner of the Gallery View. The Navigation Title will appear as a link in the index navigation. The Page Title will appear at the top of the Project Description view. The Description will appear under the images in the Project Description view.