Homepage
When editing the Homepage, remember to toggle on Compose and then refresh your browser before starting to edit the elements. This will make it much easier to edit the homepage panels.
- Hero Video
- Sticky CTA Icon Buttons
- Core Values panel
- Voices panel
- Explore panel
- DC Distinctive panel
- News panel
Hero Video
Edit Resource Element Settings
- Element view should be set to Slideshow
- Browse to select the Gallery of images / videos to display on the homepage
- +Design section
- Custom Class: hero-slideshow video-box
- Header Content > update slideshow text overlay. The first line of text is italicized in H2, the second line is just in H2.
- Footer Content > update text and link for Play Full Video. Link directly to the video file in Resources.
- Save
Sticky CTA Icon Buttons
Core Values panel
This panel is built with Content and Resource Elements within Containers.
DC Promise
- Update Content Element Settings
- Update element Title to update the section header
- +Design section > Custom Class: dc-promise
- Edit Content
- Click into content editor to update panel text
Core Values
Update Container Element Settings
- Update element Title to update section header
- +Design section > Custom Class: core-values-boxes
Update Grid of Images - Resource Element Settings
- Element view should be set to Grid
- Browse to select the Galleries of images to display in this panel
- +All section
- Display Resource: Title
- Display Title: Below Resource
- Description should be checked
- Text overlay controlled in resources on the file itself. Update file Title and description to update each image's text
- +Design section > Custom Class: core-values
Update Single Image on the Right - Resource Element Settings
- Element view should be set to Single
- Browse to select the image for this panel
- +Design section > Custom Class: featured
Voices panel
This panel is built with Container and Resource Elements
Update main Container Element
- Update element Title to update panel header
- +Design section
- Custom Class: testimonials-container
- Header Content > Update panel intro text
The next Container Element only contains a Custom Class: testimonials
Update Each Resource Element
Single Image Testimonial
- Element view should be set to Single
- Browse to select the image for the page
- +Design section
- Header Content > Update hover text using the blockquote style, update button text and link
- Footer Content > Update Role and Name for testimonial, name should be bolded
Video Testimonial
- Element view should be set to Grid
- Browse to select the Gallery with the correct video
- +Design section
- Header Content > Update hover text using the blockquote style, update button text and link
- Footer Content > Update Role and Name for testimonial, name should be bolded
To add an additional testimonial, copy the Resource Element for the single image or video and paste the element within the container, then update that new element as needed.
Explore panel
This panel is built with several Container and Content Elements.
Edit initial Container Element Settings
- +Design section
- Custom Class: explore-container
- Browse to select a new Background Image
Edit secondary Container Element
- Update element Title to update panel header
- +Design section
- Custom Class: explore-boxes
- Header Content > Update panel intro text
Content Element
- Update Content Element Settings
- Update element Title to update section header
- Browse to select new image
- Header Content > Update subtitle text
- Footer Content > Update arrow link text and URL
- Edit Content
- Click in to content editor to update hover text
DC Distinctive panel
This panel is built with a Resource Element and a Container Element.
Container Element Settings
- Update element Title to update panel header
- +Design
- Custom Class: photo-grid-container
- Header Content > update subtitle text
Resource Element Settings
- Element view should be set to Grid
- Browse to select Gallery of images from Resources to display in this panel
- +All section
- Display resource: Title
- Display Title: Above Resource
- Description should be checked
- Image Title, Description text and link are managed in Resources, on the file itself.
- +Design section > Custom Class: photo-grid
News panel
The Featured News panel is built with 2 Posts Elements within a Container Element.
Container Element Settings
- Update element Title to update panel title
- +Design section
- Custom Class: news-events-container
- Browse to select a new Background Image
Left Featured Posts Element
- Element view should be set to List
- +Content Filters section
- Set which Board(s) / Tag(s) pull into this element.
- "Only Featured" should be selected so that no duplicate posts appear on the left and right sides of this panel (if the same Board of posts is getting pulled into each Posts Element on the Homepage). Also be sure to use the "Featured Until" date within the Post module to set one post as the main featured post at a time
- Set "Link To" a popup or to an interior page (If a popup, then configure popup field and thumbnail settings)
- +Design section
- Custom Class: featured-post
- Footer Content > Update "View All News" and "View Calendar" button text and links. Button classes: 2024 button - hollow primary, 2024 button - rounded
- Do not change other element settings
Right Posts List Element
- Element view should be set to Grid
- +Content Filters section
- Set which Board(s) / Tag(s) pull into this element.
- "Only Non-Featured" should be selected so that no duplicate posts appear on the left and right sides of this panel (if the same Board of posts is getting pulled into each Posts Element on the Homepage).
- Set "Link To" a popup or to an interior page (If a popup, then configure popup field and thumbnail settings)
- +Design section > Custom Class: featured-news
- Do not change other element settings