Carousel is the exclusive slider addon of SP Page Builder. Whether content or image, you can get an amazingly well-developed carousel within a second with this awesome addon. The addon comes with all the great functionalities that a trendy functional carousel should have.

How to Add a Carousel Addon

You can add a Carousel addon to your page from the SP Page Builder sidebar. Simply drag the addon from the Addons panel and drop it on the section of the page where you want to add a Carousel addon.

Carousel Items

Upon entering the General tab, the addon’s Carousel Items tab will be seen at the start. You can edit your slider’s title, replace & upload images, add links, access color settings, etc from here.

Add: Here you can add items to the Carousel. You can also edit the items you have added, with the following settings:

• Carousel Item Title: This option will allow you to add a title to the slider item. The purpose of the title is to express the naming of the section you just added to the addon. 
• Title Padding: Set optimum padding to your title.
• Title Margin: Set the optimum margin for your title.
• Content: Use this editor field to enter your alert content here. Arrange your content in your desired way using this content field. Carousel content will be shown on top of the carousel image.
• Content Padding: Set optimum padding to your content.
• Content Margin: Set the optimum margin for your content.
• Image: Use SP Page Builder's well-developed media manager to upload the images of the carousel. You can upload images by adding multiple items.
• Button Text: The button text is the text that will be displayed on top of the button. It’s quick on what that button is going to do. Leave it blank if don’t want any button.
• Button Link: The button link is the absolute URL of the page that will be linked. Remember the link must contain http:// or https:// in the URL. URL can be sensitive, so the double-check will let you be on the safe side.
• Button Icon: There are lots of icons there to choose from. You can find almost every type of icon there. Use the search field on the top to find your desired one. Select the one you want from the list.
• Button Icon Position: Set the icon position of your button from the Left or Right side. 

Alignment: Set the alignment of the Carousel through this setting.

Slider Options

You can scroll down to find Slider Options and customize the addon to fit your needs.

• Autoplay: Autoplay is the function of auto-rotating the images and content without any click from the user. If you want that feature, set the carousel to autoplay.
• Interval: Select the interval speed between each sliding item.
• Speed: Set an optimum slider speed.
• Bullet Controllers: Enable this if you want to display the bullet controllers.
• Arrows: Arrows are there to direct the flow of images and content in a specific direction. If you enable the option the navigation arrows will show up in the carousel. Navigation arrows are shown on both sides of the carousel.

Options

Here you will find three additional settings:

Typography: You can adjust the font of the Title as well as the Content.

Color: You can adjust the color of the Title and the Content.

Button: You have several parameters that you can set for the button of the carousel.

• Typography: Select the typography of the button.
• Style: Select from a list of pre-made styles or choose a custom style which you can edit from the Styles Settings tab.
• Appearance: Select from a list of pre-made appearances such as Flat, Gradient, and Outline.
• Shape: Select a shape from Rounded, Square, and Round.
• Size: Set the size from a variety of options.
• Full Width: Choose whether your button will encompass the full width of the page or not.
• Color: Use the Color tab settings to edit the color of your added button. You can choose to keep the color static via the Normal setting or select Hover to change the color upon hover.