All Collections
Element Tutorials
Content
How to overlay text, buttons, and other elements on an image or video, using the Container element
How to overlay text, buttons, and other elements on an image or video, using the Container element

Use the Container element to create a background, and then overlay text, buttons, and any other elements on top of the background.

Updated over a week ago

The Container Element has plenty of great features, such as the ability to set its minimum height, add a background, and add other elements into it.

Overlaying Elements onto a Container Element

Since the Container Element is a containing element, you can layer elements over top of it to create content over your image or video background.

It is possible to vertically align this content on the Container Element to let you customize this to your liking.

An animation showing how to overlay text on an image in Shogun Page Builder

Vertically centering content in a Container Element 

The Container Element has a great feature to vertically center your content within the element. You can find this option in the right-hand menu of the Container Element.

An image that shows the location of the vertical alignment setting

Did this answer your question?