booster addons
creative elementor bundle
Purchase Now
Purchase Now
Purchase Now

Home - Widgets - FullScreen Content Slider

FullScreen Content Slider

Preview Widget
Preview Widget
Getting Started
Global Settings

More Widgets

• Image Card Slider
• Interactive Carousel
• Simple Images Slider
• Team Slider

# Getting started

The FullScreen Content Slider is a unique widget that can be used to display your images in full screen alongside a heading, sub-heading, description and thumbnail. The widget uses awesome transitions to switch between slides.

Read down below to know more about the options available.


This is where you will setup your images and text as well as choose thumbnails.You can add an image to the list by clicking on add item at the bottom of this section. For each element, you can change the following options.

  • Heading: Fill in your image heading text.
  • Sub-heading : Fill in your image sub heading text.
  • Description : A small or long description to give some insight about the image. 
  • Link Text : Enter the text that will be displayed for the the clickable link.
  • Link : Define a link that will be attached to the link text.(Make sure to fill in the link text, the link is not displayed without a link text)
  • Background : Select a background image to be used for this item. 
  • : Choose an optional overlay color.
  • Choose Thumbnail : Select a thumbnail image to be used for this item.

Global Settings

This section is about choosing a navigation layout and style, and the auto play feature.

  • Navigation Layout : Choose side, bottom, or none.
  • Navigation Style : FSelect a navigation style, for example square, bullet, etc...
  • Enable Auto Play : Enable the auto play for the slider.
  • Play Speed : Enter a value for the playing speed of the slider.


Under the styling tab section, you will have the full control over the text, navigation, and distances.

  • Font Settings

Control everything about the typography.

-Typography : Choose a font family and change all the text properties for the heading, sub-heading, description and link text.

  • Text Color Settings

Customize the color for all the text elements

-Colors : Change the color for the heading, sub-heading, description and link text. Solid and gradient colors are both available for the heading.

  • Colors 

Customize the navigation and load bar colors.

-Navigation color : This is the color for the navigation control at the side/bottom depending on the layout.

-Load Bar Color : The load bar is used to showcase the transition between slides. This control is used to change its color.

-Arrows Background : Change the navigation arrows background color.

-Arrows Color : Customize the color for the navigation arrows.

  • Content Distances

Control the distances between the widget elements.

-Content Width : Define the content width. The content is defined as the combination of the heading, sub-heading, description and thumbnail.

-Margins & Padding : Change the margins and padding values to control the distance between the widgets elements.

Get Help From Professionals

Can't find what you are looking for?

If you can't find what you are looking for any our documentation website, please feel free to open a support ticket  & get help from our support team.

Open a Ticket
Open a Ticket


We are a group of talented WordPress developers & designers from Earth our main goal is to create great products & provide the best services to our customers.




Email :

WebSite : Certain Dev

Made with love from Earth!

Certain Dev | all rights reserved © 2020