Momentum Slider

How to use Momentum Slider Widget of Sky Addons for Elementor

Sky Addons Momentum Slider is a dynamic and visually appealing slider widget for Elementor that allows users to create professional-looking image carousels with smooth, momentum-based transitions. The widget features elegant slide animations with customizable titles, numbers, and navigation, making it perfect for portfolios, product showcases, or featured content sections on your website.

Key Features:

1. Smooth momentum-based sliding animations for a premium user experience
2. Fully responsive design that adapts perfectly to all screen sizes
3. Customizable slide elements including titles, numbers, and navigation
4. Optional button/link for each slide with custom styling options
5. Highly configurable visual settings for colors, typography, and spacing
6. Built-in pagination system for easy navigation between slides

How to Insert Momentum Slider Widget

1. Open Elementor Editor. In the Elementor panel, search for “Momentum Slider”
2. Drag and Drop the Widget to the desired location on your page / editor.

Momentum Slider Content Section

This section allows you to configure the basic slider content and functionality.

1. Slider Items – Add slides by clicking the “Add Item” button. Each slide can have a title, image, and link.
2. Title – Add a descriptive title for each slide that appears prominently on your slider. This title not only displays on the frontend but also helps you identify slides in the Elementor editor. You can customize the appearance of titles through the dedicated Title Style section.
3. Slider Image – Upload or select a high-quality image for each slide from your media library. The slider supports dynamic content, so you can pull images from custom fields or other data sources. Images form the visual foundation of your slider and can be customized with specific dimensions, opacity, and visual effects.
4. Link – Make your slides interactive by adding custom URLs. Each slide can link to any internal page or external website. You can control whether links open in a new tab or the same window, perfect for directing visitors to related content or product pages.

The repeater interface makes slide management intuitive – reorder slides with simple drag-and-drop, duplicate existing slides to maintain consistent styling, or remove unwanted slides with a single click. By default, the widget includes four sample slides to help you get started quickly.

To add more slides, simply click the “+ Add Item” button at the bottom of the repeater section. There’s no limit to how many slides you can create, giving you complete freedom to showcase all your important content.

1. Title HTML Tag – Choose the HTML tag for your slide titles (H1-H6, div, span, etc.).
2. Hide Number – Toggle to show or hide the slide numbers on the slider.
3. Show Button/Link – Enable or disable the button/link for each slide.
4. Hide Pagination – Toggle to show or hide the slider pagination controls.

Button/Link Section

Configure the button or link that appears on each slide when “Show Button/Link” is enabled.

1. Button Text – Set the text to display on the button (default: “Read more”).
2. Icon – Choose an icon to display with the button text.
3. Icon Position – Place the icon before or after the button text.
4. Icon Spacing – Adjust the space between the icon and text.

Style Customization

The Momentum Slider offers extensive styling options to perfectly match your website’s design. Customize everything from colors and typography to spacing and animations.

Momentum Slider Style Section

1. Slider Height – Set the overall height of the slider container to match your design needs.

Number Style Section

1. Color – Change the text color of the slide numbers.
2. Background – Add a background color or gradient behind the numbers.
3. Typography – Customize the font family, size, weight, and style of the numbers.

Title Style Section

1. Text Color – Change the color of the slide titles.
2. Background – Add a background color or gradient behind the titles.
3. Typography – Adjust the font properties of the titles.
4. Padding – Set padding around the title text for better spacing.

Button/Link Style Section

1. Padding – Control the internal spacing of the button.
2. Typography – Customize the font appearance of the button text.
3. Width – Adjust the width of the button.
4. Colors – Set normal and hover state colors for text and background.
5. Border – Add and style borders around the button.
6. Border Radius – Control the rounded corners of the button.
7. Shadows – Add text and box shadows for depth.

Images Style Section

1. Width – Set the width of the slide images.
2. Height – Control the height of the slide images.
3. Opacity – Adjust the transparency of the images.
4. Space Between – Set the spacing between slides.
5. CSS Filters – Apply visual effects like blur, brightness, contrast, etc.

Pagination Style Section

1. Height – Adjust the height of pagination indicators.
2. Width – Set the width of pagination buttons.
3. Color – Change the color of inactive pagination indicators.
4. Active Color – Set the color for the active pagination indicator.

Save and Preview

1. Once you’ve customized and styled your momentum slider, click “Publish” or “Update” to save your changes.
2. Preview the page to ensure the widget looks and functions as desired.

Troubleshooting

1. Images Not Loading – Ensure your images are properly uploaded and the URLs are valid. Try using different image formats if issues persist.
2. Slider Animation Issues – If animations aren’t smooth, try reducing the number of slides or optimizing your image sizes.
3. Mobile Responsiveness Problems – Check the slider height settings and adjust them for mobile devices if the slider appears too large or small.
4. Button Links Not Working – Verify that you’ve entered valid URLs for your button links and that they include the proper protocol (http:// or https://).

Conclusion

The Momentum Slider widget is a powerful tool for creating engaging, dynamic content presentations on your website. With its smooth animations and extensive customization options, you can create professional-looking sliders that capture visitors’ attention and effectively showcase your content.

If you have any questions or encounter any challenges while using, please don’t hesitate to reach out to our dedicated support team at http://wowdevslive.bdkoder/support/ where our expert team is ready to provide prompt and helpful assistance.