Widget Guidelines

How To Use & Customize Card Carousel Widget

Estimated reading: 2 minutes 55 views

Card Carousel Widget can be used to feature your posts in an interactive slider layout.

Follow the step-by-step instructions:

1. Go to Menu Romethemekit.

2. And you will be able to see the Carousel Widget.

3. Click Add New Container.

4. Select your layout : Flexbox or Grid.

5. On the canvas select your structure.

6. Drag the widget from the Elementor.

7. Drop it on the selected area.

8. Setting Content :

  • Click Content → Content.
  • Select tag and sub heading position.
  • Add your card in the repeater list.
  • Click Add Item to add more card.

9. Setting Button :

  • Click Content → Button.
  • Click Yes to show the button.
  • Add your button text.
  • Click Icon Library Choose Icon Click Insert.
  • and you can setting icon position.

10. Setting Navigation :

  • Click Content → Navigation.
  • Click Yes to show the navigation.
  • Click Icon Library Choose Icon Click Insert.

11. Setting Navigation :

  • Click Content → Settings.
  • Setting your card carousel here.

12. Wrapper (used to customize the wrapper style) :

  • Click Style → Wrapper.
  • Setting the wrapper padding here.

13. Card (used to customize the card style) :

  • Click Style → Card.
  • Customize the padding, radius, background and border.

14. Body (used to customize the body style) :

  • Click Style → Body.
  • Customize the padding, background, opacity, title and sub heading typography, and text color.

15.Button (used to customize the button style) :

  • Click Style → Button.
  • Customize the typography, width, alignment, padding, radius, text, icon and background color.

16.Navigation (used to customize the navigation style) :

  • Click Style → Navigation.
  • Customize the width, height, icon size, radius, margin, icon and background color.

17. Don’t forget to click Publish to save the changes.

Share this Doc

How To Use & Customize Card Carousel Widget

Or copy link

CONTENTS