{"id":4274,"date":"2026-10-21T08:09:54","date_gmt":"2026-10-21T08:09:54","guid":{"rendered":"http:\/\/eventful-elementor.local\/?post_type=docs&p=4274"},"modified":"2026-10-21T08:09:54","modified_gmt":"2026-10-21T08:09:54","password":"","slug":"slider-widget","status":"publish","type":"docs","link":"https:\/\/wpeventful.com\/elementor\/docs\/slider-widget\/","title":{"rendered":"4. Slider"},"content":{"rendered":"

The Eventful Slider widget shows one event at a time, full width.<\/p>\n\n

Slider is in the free version with the Slide transition. The other transitions and number pagination need Eventful Pro.<\/p>\n\n

  1. Add Eventful Slider<\/strong> to the page and open Content > Slider<\/strong>.\n
    \"Eventful<\/a>
    Content > Slider, with a Fade transition.<\/figcaption><\/figure>\n<\/li>
  2. Pick a Transition Effect<\/strong>: Slide, Fade (Pro), Coverflow (Pro), Cube (Pro) or Flip (Pro).<\/li>
  3. Set AutoPlay<\/strong>, AutoPlay Speed<\/strong> and Carousel Speed<\/strong>. For a calm slider, use an AutoPlay Speed of 5000 or more.<\/li>
  4. Under Navigation<\/strong> and Pagination<\/strong>, choose the arrows, their position, and Dots or Number (Pro). With Number pagination, set Number Active Color<\/strong> and Number Active Background<\/strong> in Style > Carousel<\/strong>.<\/li><\/ol>\n\n

    Text over the image<\/h2>\n\n

    In Content > Template Styles<\/strong>, set Event Content Position<\/strong> to Overlay<\/strong> (Pro) to place the title and details on the image, or to Left<\/strong> or Right<\/strong> (Pro) to put them beside it. For overlay text, set light colours for the title, meta and Read More in the Style tab, and an overlay colour in Style > Box<\/strong>.<\/p>\n\n

    The Slider has the same movement, navigation and accessibility settings as the Carousel, without columns: it always shows one event. See Carousel<\/a>.<\/p>\n\n

    Related articles<\/h2>\n\n