Elementor Tutorial: Immersive Hero Section Design and Slider for 2020

I was testing some Elementor Pro features for a new video, and I got an idea.

What if I'll show you how to create a hero section like this, and a slider, for any WordPress website, with the free version of Elementor?

Then save it as a section template and re-use it any time you want.

Follow this Elementor tutorial until the end, to learn how to use the subtle zooming effect for your background slider and get this immersive visual experience.

Do you have something specific you want to learn about Elementor?

Let's chat about that in the comments section below.

Other great resources and tools for WordPress:

Keep in touch:

*Affiliate Disclosure: Some of the links above are affiliate links meaning we may earn a commission if you click through and make a purchase. However, this does not generate an additional cost for you.

#Elementor #WordPress #HeroSection

[RobertPeterK]

Do you have something specific you want to learn about Elementor?
Let's chat about that in the comments section below.

[AskAWalker]

Who in their right mind could possibly give this video a thumbs down?


The video delivers exactly what the author stated with very clear instructions.

[Safiya]

Wow! All I can say is thank you very much. So much easier than trying to use any of the free sliders. The one you made came out beautiful. Now I'm going to try and do the same. God bless you!

[kerlensandrejeanty]

Thanks Robert this video save my web design life.

[flexwinggpipi]

ive used this in a coming soon temp. Much better than the standard offerings

[prxyfldr_YT]

Awesome little video, helped me out big time...

[jimjuris]

Wonderful Elementor Hero section tutorial. Thank you.

[safetynames]

Great, thanks for making this. Just built a new customer website with Elementor for the first time based on this :)

[meredithkurz]

Fabulous! Absolutely Fabulous - I went step by step - following in another tab - A little tip - I noticed that all your images were on the Dark Side - Mine were both Light and Dark - so that the Text/Header would be washed out in brighter pictures - so I chose the "Screen Mode" - However - your mode and chose of either Dark or Light - will make your setting more seamless.

[danielpicinato]

Great tutorial Robert!!!, thanks for share it ; ) ... little question, how you done the slider text (where show MORE WIDGETS, MORE FEATURES...in the beginning of the video)?

[stevechong]

Thank you so much Mr. Robert！This is exactly what I was looking for!

[carolinekibe]

Very very informational 👍🏾Thanks for sharing this knowledge. You have a new subscriber here!

[rickyhurtado]

How can we do the replacement text in your first example at 00:10 ? I'm very interested in that.

[lbrink]

Thank you so much, is there any way to add different text for each slider?

[surajoberai]

How to set different text for different images in the background of carousel?

[yoga-denitsa]

Hi! I am trying to create a website for my yoga business. I offer online as well as in person, group classes as well as individual yoga therapy. So I want to create an interactive part asking the visitors "do you want to practice alone or in a group" when they choose then ask "do you want to practice online or in person" and then lead them to a page only containing the e.g. online individual sessions... Is there something for this in Elementor?

[LPH]

Thank you sir. What about a 360 image as background on hero section. Thanks

[fighisimo]

dear Robert, images in the carousel wont "shrink" for mobile, am I right? I don't find it responsive in that sense. What to you think?

[JulaWeg]

I need help. The hero section looks horrible on a mobile phones. Any time I adjust on mobile phone change view on desktop and tablet view. Please could you help me? My title is too long for the phone I cut it short but change any place else as well.

[BeEmpressified]

Awesome, thank you! 🙏🏽🙏🏽🙏🏽 I followed along and it turned out great! Just one question...regarding your scrolling words, how do I get that to work? You didn’t go over that part. It’s one of the main things I wanted for my header?