Text Image Overlay

In this tutorial, you will learn to use the Box element and Text element to create a simple text on image overlay.

You take a Box element, set it's minimum height, add an image as the background of the box, and then drop a Text element into it. From there you can style and align the text. Vertical alignment of the text is done with Padding.

Latest Tutorials

Buttons

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