Adding an emergency banner

During this time, Support is receiving requests for a Mark of Respect Banner to allow UK schools to show a mark of respect to the Monarchy. This article outlines two options for communicating important information to your constituents. If you require assistance with either task, please contact Support.

Page Pop

In the immediate term, Page Pops is an available software feature that would allow you to display A Mark of Respect on the homepage and link from there to your Mark of Respect information hub.

The benefit of a Page Pop is that end users need to interact with the pop before doing anything else on the page, as the background is grayed out. The Page Pop will also show consistently across desktop, tablet, and mobile devices.

Page banner

Additionally, you may want to add a full-width banner to your homepage. Please note this uses the same code as the COVID banner you may already have, and they may not display properly together.

The text file attached to this article includes a snippet of code that you can copy and paste into your site's theme/layout, after you update the background, text, and link colors as you see fit, as well as update the link to point to your Mark of Respect page.

After you paste the code into your theme — and save — the banner will be added to all pages where that theme is applied.

Please note that if your site features a sticky or fixed header, the banner may not display properly. Please submit a Support request to allow our team to investigate.

Customizing and adding the banner

Use the following instructions to add a customized version of this banner to your Composer site.

1. Download the Mark of Respect banner (attached below).

2. Update the sections highlighted in the following image.

   

   • Update header: Modify the bolded covidText content between the double quotes.

   • Update link: Modify the bolded covidLink content between the double quotes.

3. Copy the entire snippet.

4. Go to the Themes section of your Composer navigation, and click on the theme for your site.

5. Paste the snippet in the External Assets box. You may need to expand the box by dragging the handle in the bottom-right corner.

   

6. Click Update in the bottom-right corner of the screen.

7. If you have more than one theme applied to pages on your site, such as an athletics theme, repeat steps 4–6 for any additional themes.