HTML Banners

This banner is a piece of HTML, styled via CSS, which is available for you to use within an HTML Widget. By default, you’ll see 4 color variations of this banner on your Widget HTML homepage. These banners are optional, and do not need to be used. As with any widgets, they can only be edited by users who have the permission to edit Homepages (ie. Power Users).

How to add a banner to a homepage

Add a new widget to your homepage and select the “HTML Widget” option. On the ‘Configure Widget’ panel, select the “Source” option within the editing panel and paste the below code before hitting “Save”. You can then change the Heading and Paragraph text to your desired text.

<div class="category-banner">
<h1>Banner Title</h1>
<p>Lorem ipsum dolor sit amet consectetur adipscing elit. Phasellus luctus ante mauris</p>
</div>

Would you like a different style or color?

The style is controlled via the Theme, therefore the styling will be set up by us and we will consult with you. By default, we do set up three color options for you to utilize going forward that match the primary, secondary and tertiary options for the quick links. To set the color of the banner specifically, you can add is-primary, is-secondary or is-tertiary on to the div class name – i.e. class=”category-banner is-primary”.