Hero Header #3.1
A hero-header with a cool video background. The title, subtitle and call to action button are overlaid onto the video.
Buy Now
CODE SECTION
Hero Header #3.1
A hero-header with a cool video background. The title, subtitle and call to action button are overlaid onto the video.
Hero Header
Sections
1.0
HTML
CSS

$19 Plus 1 other payment option
Enter Coupons on the Checkout Page
Get Now30-day money-back guarantee
This course includes
- Lifetime 24/7 Access
- Watch on any Device
- 3 sections
- lectures
- of video
Hero Header #3 Version 1.0.0* HTML CSS
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.

Video Background
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.