Page Comparison

...

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

   

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

3. Click “OK”.

   

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

   Image RemovedImage Added

5. Complete the Wizard:

   Image RemovedImage Added

   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 the a colour for the Icon next to the Caption will be.

         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 will be.

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

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

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

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

      Visibility: Select whether this page element is visible when viewed on devices of different sizes

      1. 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.

...