Instructions

Homepage Instructions

Update the Homepage Photo Slider

This is a resource element set to show a collection for the homepage.  To update the slideshow...

  1. Open Resources, and open the "Homepage Slideshow" public collection
  2. Add/Delete/Reorder the photos as needed. Photos should be 1100 x 500 pixels, saved for the web
  3. The Photo Description and Title will show over the photo on the homepage 
  4. Any updates you make to this collection will automatically appear on the homepage

 

Update the News panel

  1. On the homepage in Compose mode, navigate to the News panel
  2. Hover over the news area and click on the gear icon in the top right
  3. In the Post settings, click on +Content Filters
  4. Update to pull from the Board(s) you would like to display on the homepage
  5. Save and Publish your updates
  6. To update the "View All News" link, click on +Design
  7. Update the links in the Header Content area
  8. Save your updates

Update the Calendar panel

  1. On the homepage in Compose mode, navigate to the Events panel
  2. Click on the gear icon in the top right
  3. In the element settings, select which Calendar(s) you would like to pull from
  4. To update the background image, click on +Design
  5. Update the photo in the Background Image area
  6. Save and Publish your updates

Update the Two Content boxes

  1. On the homepage in Compose mode, navigate to the content box you want to update
  2. Click on the blue "edit content" button
  3. Update the photo, title, text and link as needed.  The title should use the H4 heading
  4. Save and publish your updates

Interior Page Instructions

Adding Banners

All pages should have the following page layout settings...

Header: "Avon - Header"  
Left Banner: "Avon - left" (this will show your secondary navigation)
Right Banner: no right banner is needed
Footer: "Avon - footer"
Menu: "Avon - menu"
Theme: "Avon"

Adding a Button

  1. Type your text
  2. Highlight the text
  3. Select the 'link' tool in the editor
  4. Select "add link" from the dropdown
  5. Select the internal page or add the URL of the external site you want to link to
  6. In the 'class' dropdown, select the button you would like to use (button small 1, button small 2)

Note: If you add a button a different way than listed above, the text may be hard to ready and the style might not look correct.

Adding a Blockquote

  1. Type your full quote, including citation
  2. Highlight the full text
  3. Select the "Block Qoute" icon/option in the editor
  4. Highlight just the citation, and in the Styles dropdown select "citation"
Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Sed posuere consectetur est at lobortis. Maecenas sed diam eget risus varius blandit sit amet non fusce dapibus tellus ac cursus commodo, tortor mauris. Herman Melville

Add Callout Box

  1. Type your content
  2. Click on the gear icon in the top right of the element you've added the content to
  3. In the element settings, click on +Design
  4. In the Custom Class, type the custom class (as noted in the examples below)
  5. Save and Publish your updates

Note: Alternately, you can copy the element below, and add it to the page you'd like the callout box on.  Then update the text, and save your updates.

This uses the custom class: callout-box-school
Donec ullamcorper nulla non metus auctor fringilla. Nullam id dolor id nibh ultricies vehicula ut id elit. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Nullam quis risus eget urna mollis ornare vel eu leo. Donec ullamcorper nulla non metus auctor fringilla. Nullam id dolor id nibh ultricies vehicula ut id elit.
This uses the custom class: callout-box-dark
Donec ullamcorper nulla non metus auctor fringilla. Nullam id dolor id nibh ultricies vehicula ut id elit. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Nullam quis risus eget urna mollis ornare vel eu leo. Donec ullamcorper nulla non metus auctor fringilla. Nullam id dolor id nibh ultricies vehicula ut id elit.
This uses the custom class: callout-box-light
Add the photo to the Header Content area in the element settings

Donec ullamcorper nulla non metus auctor fringilla. Nullam id dolor id nibh ultricies vehicula ut id elit. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.
This uses the custom class: callout-box-dark
Add the photo to the Header Content area in the element settings

Donec ullamcorper nulla non metus auctor fringilla. Nullam id dolor id nibh ultricies vehicula ut id elit. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

Top & Bottom Banner Instructions

Update the Button in the Top Banner

  1. Navigate to the Banners section of Composer
  2. Select the "Avon- header" banner
  3. Navigate to the content element that has the "inquire" link, and click on the gear icon in the top right
  4. In the element settings, click +Design
  5. In the "Footer Content" area, update the text/link as needed
  6. Save and Publish your updates

Update the Social Media Links in the Footer

  1. In Composer, navigate to the Social Media Links branch
  2. Update the redirects as needed
  3. Save and Publish your updates

Update the Address, etc. in the Footer

  1. Navigate to the Banners section of Composer
  2. Select the "Avon- footer" banner
  3. Navigate to the content element that has your address/phone, and click on the blue "edit content" button
  4. Update the text as needed
  5. Save and Publish your updates