![000-insert-component Click to add the component](/content/dam/doe/sws/websitetraining/how-to-guides/components/hero-banner/000-insert-component.png.thumb.1280.1280.png)
![001-insert-component Insert the hero banner component](/content/dam/doe/sws/websitetraining/how-to-guides/components/hero-banner/001-insert-component.png.thumb.1280.1280.png)
Configuring the layouts
![002-edit-spanner-hero-banner Edit the hero banner component by clicking on the component then choosing the spanner icon](/content/dam/doe/sws/websitetraining/how-to-guides/components/hero-banner/002-edit-spanner-hero-banner.png.thumb.1280.1280.png)
![003-choose-hero-banner-type Choose the type of layout for the hero banner](/content/dam/doe/sws/websitetraining/how-to-guides/components/hero-banner/003-choose-hero-banner-type.png.thumb.1280.1280.png)
When adding internal links to pages on your website, be sure to add .html at the end of the link.
Example: /content/doe/sws/websitetraining/how-to-guides/components/hero-banner.html
Use this guide to add or edit the hero banner component.
The hero banner component provides a variety of layouts that you can use in the banner area of your website with various styles of image, carousel slides, videos and link options.
Navigate to the home page where you want to add or edit the component and you are ready to begin.
To login and start editing, please follow these instructions.
Note: This component is only available on the home page and specifically in the banner area of the homepage.
The hero banner has numerous layouts available. There are some rules in respect to combinations that you can use.
Image sizes: Images should be in standard 3:2 aspect ratio (landscape) and ideally 1600x1066 size. Learn more about image sizes.
The following banner layouts are available to use. They have different content options.
These are the available options:
These are the available options:
These are the available options:
These are the available options:
The video with content layout doesn't have any additional content options (eg. buttons or tiles).
You may also find useful
We would like to pay our respects and acknowledge the traditional custodians of the land and also pay respect to Elders both past and present.
Copyright for this website is owned by the State of New South Wales through the Department of Education. For more information go to http://www.dec.nsw.gov.au/footer/copyright.