Homepage
Hero Slideshow
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
- Create a Gallery of Images
- Add an Image (we recommend no more than 6-8)
- Add overlay title to the title field.
- Add overlay text to the description field.
- Save
One a homepage gallery has been created, images can be added, deleted or rearranged as needed.
Connect Homepage Element to Gallery
- Go to the resource element at the top of the homepage
- Click into the settings
- 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
Education Elevated
This panel is consists of 4 content elements to display video buttons.
To change the panel title and introduction text
- Hover over the Container and click on the ‘Settings’ cog.
- Update the title in title field.
- Expand the design tab in the ‘Edit Container Element Settings’ window.
- Update the introduction text in header content area.
- Click Save.
To change/update video buttons
- Hover over the button, click the element settings (gear icon)
- Under Design select browse to source new image.
- Update the person's name in header content area.
- Set the video link to destination in footer content area
- Click Save
- Hover over content element and select Edit Content
- Modify text.
- Save updates
Recommend Image size is 280px width x 340px height
Infographics
This panel is made up of 8 content elements to display series of infographics
To change the background image
- Hover over the Container and click on the ‘Settings’ cog.
- Expand the design tab in the ‘Edit Container Element Settings’ window.
- Browse to source new image.
- Click Save.
Recommend Image size is 1400px width x 574px height
To change the facts and figures
- Hover over the Content element and click on the ‘Settings’ cog.
- Expand the design tab in the ‘Edit Content Element Settings’ window.
- 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
- Replace the header content with a numerical statistic (1 - 3 numbers).
- Click Save.
- Click on the Content element.
- Edit the fact here.
- Click Save.
Available icons:
- activities
- apple
- ball
- baseball
- bell
- book
- building
- calendar
- camp
- clock
- compass
- dollar
- grad
- heart
- people
- percent
- teacher
- user
School Levels
This panel is created using a custom-styled accordion feature.
To change the level image
- Hover over the tab and click on the Settings cog.
- Expand the design tab
- Change the image in header content area.
- Click Save
To edit level title
- Hover over the accordion panel and click on the ‘Settings’ cog.
- Change the title.
- Click Save.
To edit level description
- Click on the Content element inside the accordion panel.
- Edit the text here.
- Click Save.
Recommend Image size is 366px width x 366px height
Programs
This panel is made up of 5 content elements to display image buttons
To change/update image buttons
- Hover over the button, click the element settings (gear icon)
- Under Design select browse to source new image.
- Set the link to destination in header content area.
- Click Save
- Hover over content element and select Edit Content
- Modify text.
- Save updates
Recommend Image size is 280px width x 300px height
Happening at BGA
This panel is made up of 2 separate components.
- Calendar element - for latest events
- Post element - for latest news
To change the panel title
- Hover over the Container and click on the ‘Settings’ cog.
- Update the title in title field.
- Click Save.
To change the calendar
- Click into the element settings
- Expand the +General Settings from Edit Calendar Element Settings
- Select the desired calendars
- Click Save.
To change news stories
- Hover on the Posts and click on 'Settings' cog.
- Expand the Content Filters panel.
- Click on Select Board and select the board/boards that need to display.
- Click Save.
To add a news article.
- Click on the 'Modules' icon to the left of Composer and select 'Posts'.
- Click on ‘Boards’ and select the desired folder
- 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.
- Add the title of the article to the Post title field.
- Add the article content to the ‘Body Content’ content editor.
- Add the article date to the ‘Start’ field at the top right.
- Open the ‘Summary’ panel and click into the content editor.
- Type in a single short paragraph introducing the article (up to 20 words).
- Open the ‘Category & Tags’ panel.
- Add or select the tags you wish to apply to the article.
- Open the ‘Thumbnail & Resources’ panel.
- Click on the ‘Browse’ button and choose or upload a new photo in Resources.
- Save and publish the article.
Recommended sizes
Large left image - 450 width X 470 height
Small right images - 320 width X 210 height