Using containers

This tutorial will teach you how to use containers, and what they are used for.

Containers are used the same way every other component is used, by clicking and dragging the component from the toolbar onto the page. Once you have dragged a Container component onto the page, you can see that it looks similar to a dropzone. What containers are used for is bumping the content of a page in slightly to a centered column. Any time you see a page that has a thinner column of content than the width of the browser, they are using a container.

Containers are great for adding a nice buffer and increasing the readability of your page.

Latest Tutorials


Learn how to position and style buttons in Shogun's drag and drop page builder.

Read Tutorial

Full Width Box Element

Use the Box element in Shogun to create a full width layout on your page.

Read Tutorial

How to create a page

Simple tutorial on how to create a basic page in Shogun, save it, and see the preview of what it will look like live.

Read Tutorial