HandsOn Connect DocumentationAnnouncements and Release NotesAnnouncementsNews ItemsHow to make a quick banner for your public site (e.g. Coronavirus information)

How to make a quick banner for your public site (e.g. Coronavirus information)

During the current health crisis, a number of HandsOn Connect customers have asked for an easy way to highlight important information on their website.   This can easily be done by going to your CMS and creating an HTML block using the HTML editor.   Here's some easy HTML that can be used to create an announcement block:

Go to CMS / Blocks / HTML Editor

Click on the Source icon and paste the following html in as source.   Then click again on Source to see the resulting block.

<div style="background-color:#fffdde; border:1px solid #eddd00; padding:10px; text-align:center">
<h3>{ANNOUNCEMENT TITLE}</h3>
<p>{YOUR ANNOUNCEMENT}</p>
</div>
Click to copy

The colors is determined by the two hex codes (i.e., #FFFDDE, #EDDD00).  You can use their own colors.  Here are some colors and their corresponding hex codes:https://www.w3schools.com/colors/colors_picker.asp

 

After clicking again on source to see the rendered html, it will look like this:

Notes

You can then replace (ANNOUNCEMENT TITLE) and (YOUR ANNOUNCEMENT) with the text of your choice.   You can also use the html editor to modify the text in any manner you wish, add hyperlinks, etc.

Be sure to select a region to display the banner, and in the advanced settings indicate which page(s) you wish it to appear.

Specify the page /  for the home page.

Example of a quick announcement block placed on home page:

Notes

Need help?   Drop into one of our daily labs.

 

0 Comments

Add your comment

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.