Inside Cascade CMS, Hero Visual Elements are available as the first section at the top of a home page tempalte.
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.