Jumbotron is an element that consists of a header, a subtitle, and a button which aims to draw attention to a particular piece of content within it.
You can customize this element as a whole or each one of its components separately.
Adding the Jumbotron
1. Find the Jumbotron element in the toolbar on the left-hand side under "More elements".
2. Drag-and-drop it into a form or anywhere on your landing page.
Adding a link to the Jumbotron
3. Make certain elements and text areas clickable and interactive by adding an external link to it.
Select the Button and click the Pencil icon to add a link to it.
Tip: You can also add links to icons, images and text areas.
Highlight an image, an icon, a single word or phrase in the text area, click the Chainlink icon in the formatting toolbar and choose a link type.
You can create a link to another website, an email client, one of your popups or pages.
Formatting the Jumbotron
4. Select a text area like a paragraph in the Jumbotron element to open the formatting toolbar.
Click the Pencil icon to access the icon selection window where you can select a new icon.
You can edit the icon by going to the Inspector tab → Text Style.
Tip: You can edit every element contained in the Jumbotron, including Icons, Headers, Paragraphs and Buttons.
Customizing the Jumbotron
5. Find more customization options in the Inspector tab. Just select the element you want to edit.
You can add a background color, image or gradient, add shadows to texts and text containers, add borders and change their roundness, set padding and margin to adjust text position.
You can also change the text color using the color picker, make it bolder or thinner and adjust its size.
Tip: Make use of the breadcrumbs trail at the top of the Inspector tab to select the right element.