How to overlay text, buttons, and other elements on an image or video, using the Box element

How to overlay text, buttons, and other elements on an image or video, using the Box element

Use the Box Element to create a background and then place text, buttons, or any other elements on top of it.

The Box Element offers a variety of useful features, including the ability to set a minimum height, add a background, and insert multiple elements inside it.

Overlaying Elements onto a Box
Since the Box Element is designed to hold other elements, you can easily layer content on top of it. This makes it simple to create visually engaging designs with text, buttons, or additional elements over an image or video background.


    • Related Articles

    • Adding text with the Text Element

      The Text Element allows you to add text content right into your page. The Text Element is one of the most powerful elements that Reactive has to offer. It’s one of the most used elements within Reactive! To get started, drag one onto your page. How ...

    • How to use the Box Element to style and structure page sections

      The Box element is a flexible tool for organizing your page layout, structuring sections, and creating overlays with image or video backgrounds. Adding Boxes to Your Page Boxes are simple to use: From left sidebar menu. Drag and drop the Box element ...

    • How Do I Make Rounded Buttons?

      Sometimes, you may want to round the edges of your buttons to give them a “pill-shaped” look. Rounding the edges is simple. Just adjust the Border Radius setting, which can be found near the bottom of the control panel on the right. Increasing the ...

    • How to use and style buttons in Reactive

      How to Insert a Button Element on Your Page To get started, simply drag and drop a Button Element onto your page. A default style will already be applied, but you can freely customize it to match your design. How to Change the Font of Your Button ...

    • How to create a product element

      Reactive allows you to add products into your content. You have full control over which products display, and how they are presented. To create a product element, navigate to the Pages section from the sidebar menu of your admin panel under Website. ...