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

ansitechno-24914235-hs-sites-eu1-com-temporary-slug-ec8f59f7-4d32-4cd4-abf6-f1efb3e8cd40-hs_preview-QoSxueqL-78411662567
ansitechno-24914235-hs-sites-eu1-com-temporary-slug-ec8f59f7-4d32-4cd4-abf6-f1efb3e8cd40-hs_preview-QoSxueqL-78411662567 (1)
ansitechno-24914235-hs-sites-eu1-com-temporary-slug-ec8f59f7-4d32-4cd4-abf6-f1efb3e8cd40-hs_preview-QoSxueqL-78411662567 (2)
ansitechno-24914235-hs-sites-eu1-com-temporary-slug-ec8f59f7-4d32-4cd4-abf6-f1efb3e8cd40-hs_preview-QoSxueqL-78411662567 (3)
Design-Previewer-HubSpot (2)
Design-Previewer-HubSpot (3)