Enhancements
- Interior Hero Options
- Custom Blog
- Infographics on interior page
- Footer Treatment (note above footer)
- Footer Slides
Interior Hero Options
An optional Hero Image/Slideshow can be added to any interior page. Explore the example of all the options here
- Add a Resource Element to a page
- Adjust the settings to Single or Slideshow
- Click Browse to select a Image, Video or Gallery
- Click +Design and add the custom class, hero
- Save and Publish
Note: Overlay text can be added to the image/video uploaded in resources.
- Add title to title field
- Add description to description field. For button, select style 'button' from the classes dropdown
Once the page is published, the the image or slideshow will snap to the banner.
Recommend Image size is 1400px width x 680px height
Custom Blog
Moving the Custom Blog Into Place
- Clone the Custom blog page
- Add it to the sitemap
- Move the child pages from the original landing page into place by using the ... menu
- Delete the original landing page
- Rename the new landing page and update the URL's slug in the page settings
- 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.
Infographics on interior page
Copy the element from Infographic on Interior Pages page to reuse it
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
Footer Treatment (note above footer)
Copy the element from Footer Treatment (note above footer) page to reuse it
To edit slides
- Hover over the Content element and click on the ‘Settings’ cog.
- Expand the design tab in the ‘Edit Content Element Settings’ window.
- Browse to source new image.
- Change the title in header content area.
- Change the text and update the link in footer content area.
- Click Save.
- Hover over the content element and select Edit Content
- Change the text
- Click Save.
Recommend Image size is 640px width x 600px height
Footer Slides
Copy the element from Footer Slides page to reuse it
To edit slides
- Hover over the Content element and click on the ‘Settings’ cog.
- Expand the design tab in the ‘Edit Content Element Settings’ window.
- Browse to source new image.
- Change the title in header content area.
- Change the text and update the link in footer content area.
- Click Save.
- Hover over the content element and select Edit Content
- Change the text
- Click Save.
Recommend Image size is 640px width x 600px height