Homepage

The hero slideshow at the top of the page can contain images. We recommend no more than 6-8 images. Keep images 1 mb or smaller.

Create a Gallery

1. Create a Gallery of Images
2. Add an Image (we recommend no more than 6-8)
3. Add overlay title to the title field.
4. Add overlay text to the description field.
5. Save

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

Recommend Image size is 1400px width x 890px height

This panel is consists of 4 content elements to display video buttons.

To change the panel title and introduction text

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. Update the introduction text in header content area.
5. Click Save.

To change/update video buttons

1. Hover over the button, click the element settings (gear icon)
2. Under Design select browse to source new image.
3. Update the person's name in header content area.
4. Set the video link to destination in footer content area
5. Click Save
6. Hover over content element and select Edit Content
7. Modify text.  
8. Save updates

Recommend Image size is 280px width x 340px height

This panel is made up of 8 content elements to display series of infographics

To change the background image

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

Recommend Image size is 1400px width x 574px height

To change the facts and figures

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. In the 'Custom Class' field, after the word "infographic-box" - enter the name of the new icon - apple, ball, bell, etc. For example infographic-box grad
4. Replace the header content with a numerical statistic (1 - 3 numbers).
5. Click Save.
6. Click on the Content element.
7. Edit the fact here. 
8. Click Save.

Available icons:

• activities
• apple
• ball
• baseball
• bell
• book
• building
• calendar
• camp
• clock
• compass
• dollar
• grad
• heart
• people
• percent
• teacher
• user

This panel is created using a custom-styled accordion feature.

To change the level image

1. Hover over the tab and click on the Settings cog.
2. Expand the design tab 
3. Change the image in header content area.
4. Click Save

To edit level title

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

To edit level description

1. Click on the Content element inside the accordion panel.
2. Edit the text here. 
3. Click Save.

Recommend Image size is 366px width x 366px height

This panel is made up of 5 content elements to display image buttons

To change/update image buttons

1. Hover over the button, click the element settings (gear icon)
2. Under Design select browse to source new image.
3. Set the link to destination in header content area.
4. Click Save
5. Hover over content element and select Edit Content
6. Modify text.  
7. Save updates

Recommend Image size is 280px width x 300px height

This panel is made up of 2 separate components.

• Calendar element - for latest events
• Post element - for latest news

  To change the panel title

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

  To change the calendar

  1. Click into the element settings
  2. Expand the +General Settings from Edit Calendar Element Settings
  3. Select the desired calendars
  4. Click Save.

   

  To change news stories

  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.

Recommended sizes

Large left image - 450 width X 470 height

Small right images - 320 width X 210 height