How To Use & Customize Post Carousel Widget

Use Post Carousel Widget to elevate your website design by displaying your posts, or products in a sleek, eye-catching looping carousel.

Follow the step-by-step instructions:

1. Go to Menu Romethemekit Pro.

2. And you will be able to see the Post 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 Layout :

• Click Content → Layout.
• Click Yes to show the image and select your image resolution.
• Click Yes to show Title, Content and Button.
• Setting crop title & content by word.

9. Setting Query :

• Click Content → Query.
• Post Count → used to set the number of posts that will appear.

10. Setting Meta Data :

• Click Content → Meta Data.
• Click Add to add New Meta Data.
• Click Icon Library → Choose Icon → Click Insert.

11. Setting Button :

• Click Content → Read More Button.
• Click Yes to add icon.
• Click Icon Library → Choose Icon → Click Insert.
• Setting Icon Position & Alignment.

12. Setting Navigation :

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

13. Setting the post :

• Click Content → Settings.
• Setting spacing, slide to show and slide to scroll.
• Click Yes to enable the autoplay and dots.
• Setting speed and dots position.

14. Wrapper Style (used to customize the post style) :

• Click Style → Wrapper.
• Customize the background color, radius, padding, margin and border type.

15. Featured Image Style (used to customize the image style) :

• Click Style → Featured Image.
• Customize the min and max width, box shadow, border, radius, margin, padding, and css filter.

16. Meta Data Style (used to customize the meta data style) :

• Click Style → Meta Data.
• Customize the direction, typography, alignment, margin, padding, icon spacing, icon size, text, icon and background color, border and radius.

17. Title Style (used to customize the title style) :

• Click Style → Title.
• Customize the typography, alignment, margin, padding, color and shadow title.

18. Content Style (used to customize the content style) :

• Click Style → Content.
• Customize the typography, alignment, color, hover shadow text, and margin.

19. Button Style (used to customize the button style) :

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

20. Floating Category Style (used to customize the floating category style) :

• Click Style → Floating Category.
• Customize the typography, position, radius, margin, box shadow, border type, text and background color.

21. Dots Style (used to customize the dots style) :

• Click Style → Dots.
• Customize the typography, position, radius, margin, box shadow, border type, text and background color.

22. Navigation Style (used to customize the navigation style) :

• Click Style → Navigation.
• Customize the typography, position, radius, margin, box shadow, border type, text and background color.

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