The best slider addon to create a responsive carousel slider.

  • Image Alt
    Beauty Slider
    Cras mattis iudicium purus sit amet fermentum at nos hinc posthac
  • Image Alt
    Beauty Slider
    Cras mattis iudicium purus sit amet fermentum at nos hinc posthac
  • Image Alt
    Beauty Slider
    Cras mattis iudicium purus sit amet fermentum at nos hinc posthac
  • Image Alt
    Beauty Slider
    Cras mattis iudicium purus sit amet fermentum at nos hinc posthac
  • Image Alt
    Beauty Slider
    Cras mattis iudicium purus sit amet fermentum at nos hinc posthac
  • Image Alt
    Beauty Slider
    Cras mattis iudicium purus sit amet fermentum at nos hinc posthac
  • Image Alt
    Beauty Slider
    Cras mattis iudicium purus sit amet fermentum at nos hinc posthac
    • Image Alt

      Demo Title

      Demo Meta
      Demo content
    • Image Alt

      Demo Title

      Demo Meta
      Demo content
    • Image Alt

      Demo Title

      Demo Meta
      Demo content
    • Image Alt

      Demo Title

      Demo Meta
      Demo content
    • Image Alt

      Demo Title

      Demo Meta
      Demo content
    • Image Alt

      Demo Title

      Demo Meta
      Demo content
      • Image Alt
      • Image Alt
      • Image Alt
      • Image Alt
      • Image Alt

        Content Fields

        Here is a list of common content fields for Slider add-on.

        Setting Description
        Image An image field with an image picker.
        Image ALT Insert Alt text, which is an important for SEO purposes and part of making a site accessible.
        Title A text field used for title.
        Meta A text field used for meta.
        Content A text field for the main text blocks.
        Custom link A text field used for custom link slider item

        Column Settings

        Columns control the grid layout of your content.

        Setting Description
        Phone Portrait/Phone Landscape/Tablet Landscape/Desktop/Large Screens Set the number of grid columns for each breakpoint. Inherit refers to the number of columns on the next smaller screen size.

        Learn more about navigation settings and how to use the settings.

        Setting Description
        Navigation Display Select the navigation type, show or hide navigation control.
        Position Select the position of the navigation.
        Margin Apply a margin between the navigation and the slider container.
        Breakpoint Display the navigation only on this device width and larger.
        Color Set light or dark color if the navigation is below the slideshow.

        Slidenav Settings

        Learn more about slidenav settings and how to use the settings.

        Setting Description
        Position Select the position of the slidenav.
        Margin Apply a margin between the slidnav and the slideshow container.
        Breakpoint Display the navigation only on this device width and larger.
        Color Set light or dark color for the slidenav.

        General Settings

        General settings, which are the same across all add-ons, are grouped in a General section at the bottom. Here is a short overview.

        Setting Description
        Margin Keep the existing vertical margin (e.g. from headings), force specific margin or remove all margin. Margins of an element can be removed from the top and bottom.
        Remove top margin. Use this option to remove the add-on's top margin
        Remove bottom margin. Use this option to remove the add-on's bottom margin
        Animation Overwrite the animation settings from the section. This won't have any effect unless animations are enabled for the add-on.
        Alignment This option specifies the alignment of an add-on according to the surrounding element
        Text Breakpoint Define the device width from which the alignment will apply.
        Visibility Define when the add-on should be hidden.
        CSS Class If you wish to style a particular content element differently, then use this field to add a class name and also refer to it in your css file.