CODE SECTION
A hero-header with a cool video background. The title, subtitle and call to action button are overlaid onto the video.
Created by Tom Lorimer
CSS
HTML
1.0
Sections
Hero Header
Enter Coupons on the Checkout Page
Get Now30-day money-back guarantee
This course includes
This is a very cool hero-header if the background video is picked carefully. To preview this section, click the button at the top of the page. Using a video that's too distracting can take away from the main objective which is the call to action. You'll also notice that the text disappears into some parts of the video. We'll look at ways to fix that inside.
| Feature | Available | Change Colour | Change Text | Font Size | Number | Alignment |
|---|---|---|---|---|---|---|
| Background Video | ||||||
| Headline | ||||||
| Subtitle | ||||||
| Button | ||||||
| Socia Media |
Editing a section is very easy. Yes, you'll have to get your hands dirty using the Liquid/HTML block but don't worry, the code is well documented so it's easy to understand change and revert.
Placing a video behind the hero header is a little more challenging than the basic hero-headers but with this section we make it fairly painless. The biggest problem you'll likely face is figuring out which video to use.