How To Create a Hero Section For a Website | Tilda Tutorial
Learn how to add a hero section (website cover) to your website and quickly configure its display. The block used in this video is CR01, you can find it in the "Cover" category along with many other options.
The instruction is applicable to other blocks from the "Cover" category like CR02, CR04, CR06, CR07, CR08, CR10, CR11, CR12, CR15, CR16, CR17, CR18, CR19, CR19A, CR20, CR21, CR22, CR23, CR27, CR28, CR30N, CR31, CR32N, CR33, etc.
00:00 Intro
00:23 Why the hero section is so important
00:49 Adding title, description, and upper note for the cover
01:41 How to quickly edit text on the cover
01:50 How to choose the right image for the cover
02:14 Making the cover dynamic with a background video
03:03 Changing the alignment of the text on the cover
03:35 Changing the background scroll effect for the cover
03:50 Adjusting the height of the cover
04:45 Adding a colorful filter to the hero section
05:43 Adjusting the navigation arrow
06:03 Adjusting the text's style display
06:28 How a large font size displays on mobile devices
06:49 Adjusting the display of the background video
07:08 Choosing the animation effect for the text to appear with
07:23 Setting the SEO Title Tags for the hero section
07:41 Adjusting the background image position
08:35 Adding paddings for the cover
08:42 Adjusting the block background color
09:13 Hero section final demo
09:23 Creating a cover without a background image
09:51 Making separate covers for the mobile and desktop versions
▪ More on how to add and set up a hero section: https://help.tilda.cc/cover
👉 Create a powerful website on Tilda: https://tilda.cc
Follow us on social media:
🔸 Instagram: / tilda.cc
🔸 Facebook: / tildapublishing
🔸 Twitter: / tildapublishing
#tildaglobal #websitebuiler #nocode