Simple slider

This component provides the flexibility to add Media along with Content, side by side, within a Slider or Carousel section.

We will refer to Media for the options in which you can upload an image; while Content it’s gonna be for elements such as a title.

One thing to consider when making use of it, is that the Content is “fixed”, meaning, that you can only use one Title, Subtitle, Description and Link/Button. Therefore, the content within the slider and what’s gonna rotate will be the Media elements (images).

Component settings

By clicking on the component name you will find general options to customize it, which will determine how the section will look and behave. The available options for this component are the following:

Media position

Allows to define the position in which the Media column will position on desktop devices.

When chosing Right, a secondary option called Respect order on mobile will be displayed. By enabling it, the order will be kept as it is on mobile devices, therefore the Media column will go after the Content one.

In opposite, if it’s disabled, the Media column will automatically be positioned first on mobile devices.

Content options

Within this group you will find alignment options for both desktop and mobile devices.

Also, an option to define the vertical alignment of the Content column in relation to the Media.

Title options

Within this group you will find options to add a Title and customize how it looks, such as Size, Weight, among others.

Note: the options to customize its design will be displayed as long as the field has content in it.

Subtitle options

Within this group you will find options to add a Subtitle and customize how it looks, such as Size, Weight, among others.

The options to customize the Size of this element will become visible only when the Title size it’s equal to Custom.

Otherwise, its size will work with percentages based on the size defined for the title element.

Note: the options to customize its design will be displayed as long as the field has content in it.

Description options

Within this group you will find options to add a Description or text and customize its Size, with predefined options or manually by chosing Custom.

Carousel settings

This group of options will allow you to customize the behavior of the Slider.

You can find the full list of options on this page.

Heading options

By enabling this, a Heading section will be displayed before the component’s content. You can find the list of options on this page.

Appearance

This group contains the following options to customize the component:

• Top margin: allows to control the upper margin of the section.
• Bottom margin: allows to control the lower margin of the section.
• Content colors: allows to choose the Color Pack for the component. This will affect the color of the titles if Overlap titles is disabled.

Animations

The Customize options allows to adjust the animations for this specific component. You can read which ones are available on this page.

---

---

Subcomponent settings

The subcomponent for the Simple slider it’s called Slide and within its settings you will find two options to upload images on them.

Image

This image it’s the main one and will be displayed on all devices, unless you upload one for mobile devices.

Note: if the images you upload on each subcomponent have different dimensions, the slider will automatically adapt its height.

Image (mobile)

This option will be displayed once upload the other image and it’s optional.

The image will be displayed only on mobile devices that have a width ≤575px.

If you don’t upload it, the main one will be used on all devices.