Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 9 Next »

Inside Cascade CMS, Hero Visual Elements are available as the first section at the top of a home page.

Table of Contents

Banner Image

The default Homepage Template includes a space a full width banner image. This element can be previewed on our Demo website. The maximum height of the banner image is 425 pixels.

Banner Image Specs and Recommendations

  • Optional page heading will be left aligned

  • The recommended image size is 1620x425

➡️ View additional instructions on how to control this visual element.

Full Width Slideshow

The Full Width Slideshow visual element can be previewed on our Demo website. It is only available on the Homepage Slider Template.

There are various slideshow options in other templates and through use of our code snippets.

All templates are responsive and the images used in the slideshow will scale with the viewport of the screen or device.

Slideshow Specs and Recommendations

  • Optional slide headings are available. Slide headings are centered.

  • The recommended image size is 1920x800.

➡️ View additional instructions on how to control this visual element.

Video Background

The Video Background visual element can be previewed on our Demo website. It is only available on the Homepage Video Header Template. The template includes a video background, heading and a lightbox video popup that plays a video from You-Tube or Vimeo in the browser. It will be centered on the page the safe area will be 160px from the top and bottom. The width will be the full width of the video.

Video Header Specs and Recommendations

  • The visual safe area is outside the top and bottom margin which is 160px. In the example, the video is hosted on YouTube with a video height of 480px. This means the middle 160px of the the video is the video-safe region.

  • Video background should be hosted on YouTube or Vimeo.

  • Horizontal video as opposed to cellphone vertical oriented videos

  • 5-10 sec video Max

  • No audio (Interview videos are discouraged). Background video will automatically be muted.

  • Stable camera work. Static shots preferred or very slow pans and transitions.

  • If the video is edited footage, prefer if edits were minimal. Quick cuts on a video background is usually disorienting

  • Don’t end the video with ‘fade to black,' or any sort of end titles.

  • Video backgrounds will autoplay and loop.

Video LightBox

  • The video lightbox will launch after the “play video” button is clicked.

  • Videos must be hosted on a third-party service, such as YouTube or Vimeo

  • Videos will autoplay and include full sound.

➡️ View additional instructions on how to control this visual element.

  • No labels