Hero Carousel

Bring visual impact to your homepage or any page with the Hero Carousel.

🎥 Need a walkthrough?
Watch the Hero Carousel Video Tutorial

  1. Click the ➕ block selector.
  2. Search for “Carousel” and select the Hero Carousel block.
  3. Add as many slides as you’d like.

🛠️ Adjust Global Settings

  • Click the outer edge of the carousel to access block-wide settings.
  • Adjust:
    • Height for image fit – For a Fixed Height or Auto Height
    • Auto-play toggle & image timing
    • Transition style (if applicable)

🖼️ Customize Each Slide

  1. Click into a carousel item to edit it.
  2. Add your image and set a focus point for better composition.
  3. Add:
    • Heading
    • Subheading
    • Paragraph text
    • Buttons with links
  4. Style the slide:
    • Set text color, background overlay, and layout
    • Make the entire slide clickable if needed

🎯 Focus & Layout Options

  • Use the positioning tool to adjust image focus.
  • Choose layout options like centered text or full-width buttons.
  • Select between square or pill-style buttons.

💾 Save & Publish

Once all slides are customized—click Publish. You’re done!

Updated on July 25, 2025

Related Articles