Fade Slider for WordPress

Fade Slider is a lightweight, modern carousel/slider plugin built on Bootstrap 5.3. It provides smooth fade and slide animations with full responsiveness and works seamlessly with any WordPress theme.

Key Features

Bootstrap 5.3 carousel component with native animations

Fade and slide animation modes

Fully responsive design (mobile, tablet, desktop)

Adaptive height scaling for different screen sizes

Touch and keyboard navigation support

Customizable interval, pause behavior, and autoplay

Slide titles, descriptions, and clickable URLs

Indicator dots and navigation arrows

Responsive caption display with mobile optimization

Works with any theme (includes Bootstrap or uses CDN)

Automatic Bootstrap duplicate detection (prevents conflicts)

Drag and drop slide reordering with visual feedback

Auto-save slide order when reordered

Custom Options 1. Install and activate the plugin 2. Create a new slider in the admin panel (Fade Slider menu) 3. Configure animation type (Fade or Slide) 4. Set carousel interval (delay between slides in milliseconds) 5. Add slides with images, titles, descriptions, and URLs 6. Set slider height/width (auto-scales to 70% on tablet, 60% on mobile, 50% on small phones) 7. Choose to show/hide captions on small devices 8. Drag and drop slides to reorder - Simply click and drag a slide thumbnail to change its display order. Visual feedback shows where the slide will be placed 9. Add shortcode to page/post: [display_fade_slider id=SLIDER_ID] 10. Or use template: <?php fade_slider_template('[display_fade_slider id=SLIDER_ID]'); ?>