News & Announcements

News & Announcements widgets allow you to share small snippets of news, information, or reminders with members quickly and easily. Some bits of information are too small to warrant an email or a text to all members so News & Announcements gives a great alternative! The News & Announcements widget is part of the default configuration of the home page.

Adding the Widget

1. In a new block or column, click “Widget”.

   Open

   

2. Select “News & Announcements” in the Widget list.

3. Click “OK”.

   Open

   

4. Hover over the widget and click the “Cog” in the top right-hand corner.

5. Complete the Wizard:

   1. Caption: Set the title of the widget that will appear at the top of it.

   2. Icon: Choose an Icon to appear alongside the Caption at the top of the widget.

   3. Announcement Count: Set the maximum number of Announcements to show in the widget. There will be a “more” button at the bottom to expand to show the rest. If blank, all Announcements will be shown.

   4. Show Author: Set if the author of each Announcement should be shown.

   5. Colours: Set the colours for the widget.

      1. Icon: Select a colour for the Icon next to the Caption.

         1. Default: The default colour settings for the widget.

         2. Reference Colour: Select a colour based on the Primary or Secondary colour, as set in Site Styles & Colours.

         3. Select Colour: Select any colour from the colour picker. You can also set the opacity using the slider to the right of the picker.

         4. Black: Set the colour to black.

         5. White: Set the colour to white.

      2. Caption: Select the colour for the Caption at the top of the widget.

      3. Underline: Select a colour for the line beneath the Caption.

      4. Text: Select the text colour for the widget.

      5. Background: Select the background colour of the Blog Feed.

      6. Border: Select the colour of the Feed borders.

   6. Page Jump Links: You can add a button at the top of the page to jump to this component when clicked. Enter the link name (for the link itself) and the caption (for the button).

   7. Device Visibility: This page element can be hidden on devices of different sizes by de-selecting the appropriate options. E.g. If you do not want it displayed on mobile phones, de-select the “Phones” option.

   8. Custom CSS: If you have added any custom CSS in Site Styles & Colours, you can add CSS classes here that you want to be applied to this component.

   9. OK: Once happy with the details, click “OK” to show the widget with the new settings.

New Announcements

1. Navigate to Information > Manage Announcements.

2. Complete the Wizard:

    

   1. Title: The title of the Announcement.

   2. Text: The main text of the Announcement. This has the text-based formatting options to help tailor the content. You can also use HTML to edit if you wish.

   3. Expiry: Set when the Announcement will expire. If left bank, the Announcement will never expire. There are also handy buttons for 1 week, 1 month, and 1 year, from today.

   4. Post Announcement: Once happy with the details, click to post.

Live Announcements

This section allows you to review all current Announcements as well as those that have expired.

Edit

Click “Edit” to make changes to the Announcement.

Delete

Click the red “X” to delete the Announcement. Then click “Yes” to confirm.

Expire Now

Click “Expire Now” to expire the post immediately, instead of the expiry time previously set.

Related articles