In this article, we’ll show you how to add abanner slider with text on your site.

Banner sliders make a site more easily identifiable to visitors. They allow creators to utilize limited space efficiently by displaying multiple images or messages in a compact area.

On The Old Page Builder

Enable Banner Slide Via The Old Page Builder

Here are the steps to edit an image on a banner slider with the text

1. Add a new banner slider section in edit mode 
2. Move the slider to the top using a spanner on the bottom left
3. Remove or Edit text
4. Click on the <> Icon
5. Upload images {device, desktop or PC}
6. Add text or URL to be displayed with the image under the caption
7. Click ‘Ok’ and ‘Save’

Delete or update images from the slider banner/slideshow

Simply click on the darkened square on the top right-hand side of each image.

Important Considerations:

• If you are enabling a banner slider with text on it, ensure the image has a color transparency added on it, in order to ensure the text is visible.
• You can also choose from the various functions available for changing and altering the banner section including: 
• Autoplay: to change the image after every 4 seconds
• Arrow Navigation: to display arrows to the left and right of the section to enable banner change after clicking on those
• Dots Navigation: to bring in the image attributed to the dots when clicked there 
• Fade: to enable the fading effect when the image gets changed after clicking on the dots, arrows or with the autoplay.

On The New Page Builder

Enable Banner Slide Via The New Page Builder

Here's how to use the new page builder and build a slider of images on the banner section of your page

• Access the dashboard> Website Builder> Pages
• Open the page where the slider needs to be added
• Click On Edit> Sections
• Select an option from the Slider sections
• Update images as needed
• Set autoplay speed and other settings
• Click Ok
• Click Save

The Slider will be enabled on the page.

Note:
While Knorish also compresses images to the best extent, for a fast page loading speed, ensure to upload optimized images which are low in size.