Skip Navigation
Search

Overlay Content

This component allows users to add a background image with a title and descriptive content layered on top. The title and content are displayed with a semi-transparent whitish background for better readability. It’s perfect for highlighting text while maintaining a visually engaging background image.

Demo 

View Demo

How to Use

1) Click the "Insert Component" button as seen below, choose the "Overlay Content" component and click the Insert button.

toolbar-insert-component-button

 

Overlay Content

 

2) The following modal should pop up once you click the Insert button:

Overlay Content edit1

 

Overlay Content edit2

Overlay Content edit 3

3) Add your content then save your changes.

Demo

Headline Goes Here...

"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."