Plan the hero section

Slider Hero Pro creates responsive WordPress hero banners, animated headers, landing-page introductions, text carousels, and product or service adverts. CSS3 and JavaScript effects animate backgrounds behind slide titles and descriptions, with optional call-to-action buttons. The Pro edition adds 80+ background effects and video sliders for YouTube, Vimeo, and custom video.

Choose text, effects, and media

Select an effect, add a title and description, then choose a gradient, background image, or video. The intro builder can sequence animated text slides, set slide delays, and add background audio. More than 800 Google Fonts and live font preview are available. Depending on its options, an intro can redirect to another page or load a regular slider after a custom delay.

Background pictures can use parallax and Ken Burns effects. Some effects do not support background images, so choose an image-compatible effect when the layout needs one. YouTube background video can also be combined with an animation effect.

Add and review the slider

Install and activate Slider Hero Pro, make a slider, configure its effect and content, and save it. Place the Gutenberg Slider block in a page or post, or add the Elementor Slider widget to an Elementor layout. Preview the result to check the responsive layout, animation, text, buttons, and video behavior.

Video autoplays when it has no sound. For videos with sound, autoplay depends on browser policy and the visitor's history with the website. YouTube may still show Watch Later, Share, and the video title because its embed does not provide the described hide option; an overlay technique can mitigate these interface elements.