Skip Navigation
Search

Customizable Banner with Gradient Option

This component allows users to set a dynamic title with customizable background options. If the gradient background option is enabled, a red overlay is applied, otherwise, the user's uploaded image serves as the background. It’s ideal for adding a visually impactful header or banner with flexible styling options.

Demo 

View Demo

How to Use

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

toolbar-insert-component-button

custom-banner

 

 

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

custom-banner-edit

 

3) Add your content then save your changes.

Demo

Grdient Background- No

Banner Image
Faculty Pathway - Banner

Gradient Background- Yes

Banner Image
Faculty Pathway - Banner