Homepage

The hero slideshow at the top of the page can contain images and videos. 

Create a Gallery

1. Create a Gallery of Images
2. Add an Image/Video
3. Save

Once a homepage gallery has been created, images can be added, deleted or rearranged as needed.

Connect Homepage Element to Gallery

1. Go to the resource element at the top of the homepage
2. Click into the settings
3. Click browse to select the desired gallery

Once the element is pointing to a gallery, the slideshow can be maintained and updated directly from the gallery. 

Content element is used to display hero caption.

1. Hover over the content element and click on the ‘Settings’ cog.
2. Expand the design tab in the ‘Edit Content Element Settings’ window. 
3. Update the button in header content area. Button style - '2023 large button + 2023 button hollow white'
4. Save
5. Click on the Content element.
6. Edit the title here. Title as heading 1.
7. Click Save.

This panel is made up of a content element.

1. Hover over the content element and click on the ‘Settings’ cog.
2. Change the title in title field.
3. Expand the design tab in the ‘Edit Content Element Settings’ window. 
4. Update the text and link in footer content area. Button style - '2023 large button + 2023 button hollow white'
5. Save
6. Hover over content element and select Edit Content
7. Modify text.
8. Save updates

This panel is made up 2 two column layout elements. Each layout element has its own content and resource element.

To update text

1. Hover over the content element and click on the ‘Settings’ cog.
2. Change the title in title field.
3. Expand the design tab in the ‘Edit Content Element Settings’ window. 
4. Update the text in header content area.
5. Update the link in footer content area. 
6. Save
7. Hover over content element and select Edit Content
8. Modify text.
9. Save updates

To change image

1. Hover over the Resource element and click on the ‘Settings’ cog.
2. Click on the ‘Browse’ button within the ‘Single’ tab in the ‘Edit Resource Element Settings’ window.
3. Choose or upload a new photo in Resources.
4. Save the element settings and publish the page.

This panel is consist of 2 areas.

• Container - for title
• 4 Resource elements - for videos

To update the title

1. Hover over the Container and click on the ‘Settings’ cog.
2. Update the title in title field.
3. Click Save.

To change video

1. Hover over the Resource element and click on the ‘Settings’ cog.
2. Update the title in title field.
3. Click on the ‘Browse’ button within the ‘Single’ tab in the ‘Edit Resource Element Settings’ window.
4. Choose or upload a new video in Resources.
5. Open the ‘Design’ section inside the ‘Edit Resource Element Settings’ window.
6. Edit text in header content area
7. Save the element settings and publish the page.

This panel is made up of a tabs element.

To edit tab title

1. Hover over the tab and click on the ‘Settings’ cog.
2. Change the title.
3. Click Save.

To update section title and background image

1. Hover over the Container and click on the ‘Settings’ cog.
2. Update the title in title field.
3. Expand the design tab in the ‘Edit Container Element Settings’ window. 
4. Browse to source new image.
5. Click Save.

To update infographics

1. Hover over the Content element and click on the ‘Settings’ cog.
2. Replace the current title of the element with a numerical statistic.
3. Expand the design tab in the ‘Edit Content Element Settings’ window. 
4. In the custom class enter icon- followed by name of icon, for example icon-cleat-solid. 
5. Click Save.
6. Click on the Content element.
7. Edit the text here. 
8. Click Save.

Find the icon library here.

This panel is made up of 3 resource elements.

1. Hover over the Resource element and click on the ‘Settings’ cog.
2. Click on the ‘Browse’ button within the ‘Single’ tab in the ‘Edit Resource Element Settings’ window.
3. Choose or upload a new photo in Resources.
4. Open the ‘Image’ section inside the ‘Edit Resource Element Settings’ window.
5. Select on the ‘Custom’ tab and edit text in the content editor provided.
   • Title as heading 2
   • Sub header is heading 3
   • Button style - '2023 large button + 2023 button hollow white'
6. Save the element settings and publish the page.

This panel is set to display latest news.

To update button

1. Click on the Content element.
2. Edit the button here. Button style - '2023 small button + 2023 button solid red'
3. Click Save.

To update feeds source

1. Hover over the feeds area and click on the gear icon in the top right.
2. Select feeds from sources dropdown
3. Click Save.

To change video and image

1. Hover over the Resource element and click on the ‘Settings’ cog.
2. Click on the ‘Browse’ button within the ‘Single’ tab in the ‘Edit Resource Element Settings’ window.
3. Choose or upload a new image/video in Resources.
4. Save the element settings and publish the page.

To update text

1. Hover over the content element and click on the ‘Settings’ cog.
2. Change the title in title field.
3. Save
4. Hover over content element and select Edit Content
5. Modify text.
6. Save updates

To change board

1. Hover on the Posts and click on 'Settings' cog.
2. Expand the Content Filters panel.
3. Click on Select Board and select the board/boards that need to display.
4. Click Save. 

To add a news article

1. Click on the 'Modules' icon to the left of Composer and select 'Posts'.
2. Click on ‘Boards’ and select the desired folder
3. Select the board representing the category the new article will belong to and click on the ‘New Post’ button at the top right of the interface.
4. Add the title of the article to the Post title field.
5. Add the article content to the ‘Body Content’ content editor.
6. Add the article date to the ‘Start’ field at the top right.
7. Open the ‘Summary’ panel and click into the content editor.
8. Type in a single short paragraph introducing the article (up to 20 words). 
9. Open the ‘Category & Tags’ panel.
10. Add or select the tags you wish to apply to the article.
11. Open the ‘Thumbnail & Resources’ panel.
12. Click on the ‘Browse’ button and choose or upload a new photo in Resources.
13. Save and publish the article.

This panel is made up of a content element.

1. Click on the Content element.
2. Edit the button here.
   • Button 1 style - '2023 small button + 2023 button solid navy'
   • Button 2 style - '2023 small button + 2023 button solid white'
   • Button 3 style - '2023 small button + 2023 button solid red'
3. Click Save.