You can add the Content Slider widget to display the information by customizing the content. Drag & drop the widget and click on the ‘edit’ icon to configure the content slider.
(+) Add Content Slide
First, you need to add the content slides by clicking on the (+) Add Content Slide. [1]
You need to configure the following options for the content slide: [2]
Header
– Text: Insert the details that will display as the content slider’s header.
– Color: Choose the color for the header’s text.
Description
Text: Insert the description.
Color: Choose the text color for the description.
Background of Content Slider: You can set the background of the slider that will be displayed on the customer portal. You can set the Solid (single) or Gradient (dual) background color for the content slider.
Solid: You need to choose the “Color” to display in the background of the slider. A custom color picker is provided to choose the color. (left image)
Gradient: You need to choose “Primary Color” and “Secondary Color” to display in the background of the slider. A custom color picker is provided to choose the color for both. (right image)
– Degree: You can set the degree (0 to 360) of the gradient color for the slider’s background.
After configuring the “Content Slider Configuration”, click on the Save button to save the configuration. Publish the page to apply the changes.
Now, by clicking on the Save button, the content slides will be added. Similarly, you can add more content slides that you want to display in the customer portal.
You can see the newly added slides under the Content section. You will see three options for the added testimonial sliders: Settings, Clone, and Delete. [3]
Settings: You can edit the slide to update/change any configuration and the details.
Clone: You can duplicate the slide with the same configuration and details.
Delete: You can delete the unwanted slide from the content slides section. By clicking on it, you will get the warning message and after confirming the slide will be deleted.
Content Slider Settings
You need to configure the common settings for the content slider to display in the customer portal.
Slider Title:
Text: Insert the title that will display as Content Slider’s title. [4]
Enable Auto Slide: This option will help to play the added slides automatically as per the timer. You need to set the timer to play the slides by ticking the checkbox.
Navigation
You can display the navigations to the content slider.
Enable Arrow: Check the box if you want to display the arrow on the slide.
Enable Pagination: Check the box to enable the pagination in the slides. You will have three designs (pagination type) to display the pagination below the slider.
Slider Height (px): Insert the height of the content slider that will be displayed on the customer portal.
Note: If you have not set any height or set it to 0, the slider height will be set to auto.
Select Template: You can select the template for the content sliders. The three different templates are provided as per the 1, 2, and 3 column structures.
Note: The column structure could be changed according to the width of the section in which the slider is configured.
By scrolling down, you will find the Save button to save the slider settings and publish the page to apply the changes.