Hero-Banner
The Hero Banner Module is used for adding the theme top banner.
Content Section:
-
Title : Title of Hero Banner
-
Description : Description of Hero Banner in rich text field
-
Button Text : Button Text for Hero Banner
-
Button Link : Button Link for Hero Banner
-
Content Width : Customize width option
Layout:
-
Background Color, Background Image, gradient Color, background Color, background Video and Banner with Image: You can choose the above method
-
Heading Level: Choose from h1 to h6 for the title
-
Banner Content Alignment: Choose the Align content left, right and center
Style Section:
-
Banner Box Style:
-
Spacing: Add the custom padding and margin
-
Content Style:
-
Title And Description Spacing: Set the custom spacing for Title And Description
-
Title And Description Color: Set the custom Color for Title And Description
-
Title And Description Alignment: Set the Align Text left, right, center
Examples

.png?width=1200&name=ansitechno-24914235-hs-sites-eu1-com-temporary-slug-ec8f59f7-4d32-4cd4-abf6-f1efb3e8cd40-hs_preview-QoSxueqL-78411662567%20(1).png)
.png?width=1200&name=ansitechno-24914235-hs-sites-eu1-com-temporary-slug-ec8f59f7-4d32-4cd4-abf6-f1efb3e8cd40-hs_preview-QoSxueqL-78411662567%20(2).png)
.png?width=1200&name=ansitechno-24914235-hs-sites-eu1-com-temporary-slug-ec8f59f7-4d32-4cd4-abf6-f1efb3e8cd40-hs_preview-QoSxueqL-78411662567%20(3).png)
.png?width=475&name=Design-Previewer-HubSpot%20(2).png)
.png?width=475&name=Design-Previewer-HubSpot%20(3).png)
