The ’Mission Statement’ panel displays a short introduction to your school or district’s unique mission. It consists of the following key features within a Container element:

• Text Area: A succinct text area that consists of an optional small heading, the panel title, a succinct text area and an optional CTA button. This is powered by a single Content element. 

• Supporting Image: A single large image or video alongside the text area. This is powered by a single Resource element.

The following pixel dimensions are recommended for the images uploaded to the Resources module for use in this panel. Following these guidelines will help you to achieve an ideal balance of visual quality and loading speed for your content:

The optional small heading in the ‘Mission Statement’ panel is a short introductory statement that leads into the main panel title. It is formatted with a small font size and has a thick border to the left of it in the website’s accent color.

To update the optional small heading:

1. Go to the ’Pages’ panel and select the homepage.
2. Turn on the ‘Compose’ toggle in the bar at the bottom of the page interface.
3. Refresh the page in your web browser.
4. Scroll to the ‘Mission Statement’ panel.
5. Hover over the Content element displaying the small heading and click on the ‘gear’ icon in the top-right corner.
6. Click on ‘+ Design’ at the bottom of the ‘Edit Resource Element Settings’ window.
7. Click into the ‘Header Content’ content editor.
8. Update the small heading text. We recommend adding a single short statement to maintain consistency with the original design.

Note: To remove the optional small heading, delete the existing text as part of step 8. If the small heading has been removed previously and you want to reinstate it, follow the same set of steps above and type in a new small heading as part of step 8.

The title of the ‘Mission Statement’ panel is on display below the optional small heading and is formatted in a large font-size. 

To update the panel title:

1. Go to the ’Pages’ panel and select the homepage.
2. Turn on the ‘Compose’ toggle in the bar at the bottom of the page interface.
3. Refresh the page in your web browser.
4. Scroll to the ‘Mission Statement’ panel.
5. Hover over the Content Element displaying the panel content and click on the ‘gear’ icon in the top-right corner.
6. Click into the ‘Title’ field in the ‘Edit Content Element Settings’ window.
7. Update the title text or alternatively click on the blue toggle to the right of the ‘Title’ field to hide the panel title.
8. Click on the ‘Save’ button at the bottom of the ‘Edit Content Element Settings’ window.

The text area in the ‘Mission Statement’ panel consists of one or more short paragraphs. The first paragraph is also formatted as ‘lead-in’. This gives it a bold presentation, which is designed to draw the visitor’s attention and ‘lead in’ to the content that follows.

 To update the mission statement text area:

1. Go to the ’Pages’ panel and select the homepage.
2. Turn on the ‘Compose’ toggle in the bar at the bottom of the page interface.
3. Refresh the page in your web browser.
4. Scroll to the ‘Mission Statement’ panel.
5. Hover over the new Content Element displaying the panel content and click on the ‘Edit Content’ button.
6. Update the existing text within the content editor. We recommend adding one or more short paragraphs to maintain consistency with the original design.
7. If you have made changes to the first paragraph, highlight it with your cursor.
8. Click on the ‘Styles’ drop-down in the content editor toolbar and make sure that ‘lead-in’ is selected in the dropdown list.
9. Click on the ‘Save’ button at the bottom of the content editor.

A styled button may optionally display below the mission statement text area to link the visitor to a dedicated page on the website with further information.

To update the optional CTA button:

1. Hover over the Content Element displaying the panel text area once more and this time click on the ‘gear’ icon in the top-right corner.
2. Click on ‘+ Design’ at the bottom of the ‘Edit Content Element Settings’ window.
3. Click into the ‘Footer’ Content’ content editor.
4. Update the existing link text to change the button label, making sure not to remove the link already applied to it. 
5. Right-click on the link and choose ‘Edit Link’ from the action menu.
6. Select the desired link type from the top of the ‘Link’ properties window.
7. Update the link settings to set up a new link destination for the button.
8. Check the ‘Open link in a new tab’ checkbox if the updated link opens a page that is external to your webpage.
9. Click on the ‘OK’ button at the bottom of the ‘Link’ properties window.
10. Click on the ‘Save’ button at the bottom of the ‘Edit Content Element Settings’ window.

Note: To remove the optional button, delete the existing link in the ‘Footer Content’ content editor as part of step 8. If the button has been removed previously and you would like to add a new one, follow the instructions above up to step 3 and then follow the normal steps to ‘Add a Button’ which can be found within the ‘Interior Pages & Content Formatting’ section on this ‘Instructions’ page.

To update the supporting image or video, begin by uploading the content for it to the Resources module:

1. Click on the ‘folder’ icon button in Composer’s left navigation to access Resources. 
2. Click on the ‘Resources’ tab.
3. Create or select an existing folder for your image in the ‘Public’ directory 
4. Click on the ‘Add Public Resource’ button at the top right of the Resources interface.
5. Choose from the upload options available and upload the new image.
6. Once the upload is complete, update the following image properties in the ‘Edit Resource Details’ window:
   • Click into the ‘Title’ field and add a short title for the image. This is for internal use and will not display on the homepage.
   • Click into the ‘Alt Text’ field and add a short description of the image. This is used to describe the image in situations where the visitor cannot see it and is highly recommended to improve its accessibility.
7. Click on the ‘Save’ button at the bottom of the ‘Edit Resource Element Settings’ window.

Image Size: The recommended upload size for the supporting image is 800px (wide) by 475px (high). 

With the image uploaded, set it to display within the ‘Mission Statement’ panel:

• Turn on the ‘Compose’ toggle in the bar at the bottom of the page interface.
• Refresh the page in your web browser.
• Scroll to the ‘Mission Statement’ panel.
• Hover over the Resource element displaying the panel content and click on the ‘gear’ icon in the top-right corner.
• Click on the ‘Browse’ button directly below the ‘Title’ field in the ‘Edit Resource Element Settings’ window.
• Select the image you have uploaded previously in the ‘Pick a Resource’ window.
• Click on the ‘Save’ button at the bottom of the ‘Edit Resource Element Settings’’ window.