Create a jumbotron
Any Section in a page can be a jumbotron.
- CASCADE 7 Select Jumbotron as the Section style of your Section
- CASCADE 8 Expand the Section style and layout group of your Section and select Jumbotron under Section style
Below are examples highlighting some of the configuration options for jumbotrons.
Grey backgrounds use a subtle grey texture from the University's visual identity.
Primary backgrounds use a green texture from the University's visual identity. Text is reversed to white for legibility. The brightness of this background is good for calling out a really key piece of content.
Use any image as the background for your jumbotron. Images are centered and scale automatically to fill the space.
By default images are darkened with an overlay to ensure legibility in combination with white text. You can change the overlay ("Default","Light" or "None") and the text colour ("Light" or "Dark") to best suit your image/content combintation.
Always ensure there is enough contrast between the background image and your text. Lack of contrast can make your content inaccessible.
By default content is always aligned to the left, but you can choose to center the content. Centered content works best when the amount of content is minimal—large chunks of centered content are difficult to read.
Choose Make jumbotron fill screen to fill the entire screen regardless of the amount of content inside it.