Back to: Spectra 101: Get Started with Spectra
In this video, we’ll build a striking hero header for the homepage.
At this point we’ve almost built the entire homepage, but we have one more section to complete – the hero header.
So in this video, we’ll build a visually-striking hero header section. Like all sections, it stretches the full width of the page and contains a background image.
We’ll use a new Spectra block – the Call To Action – to quickly create our hero header content.
We’ll learn how to properly apply and position background images for the design effect we need.
And we’ll apply a semi-transparent background overlay, to ensure that visitors can easily read the text in our header.