How to enable banner sliders on your site?
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
- Add a new banner slider section in edit mode
- Move the slider to the top using a spanner on the bottom left
- Remove or Edit text
- Click on the <> Icon
- Upload images {device, desktop or PC}
- Add text or URL to be displayed with the image under the caption
- 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.
Related Articles
How to change the video on the banner on your website's landing page?
The landing page video snippet allows the video to be played automatically without the need to create a play button. Additionally, the video will play on all devices irrespective of the OS. This means that whether the OS is windows, Mac, android or ...How to add a video to the banner on my website?
Adding a video to the banner or any section of your course site makes it more interactive and engaging. However, do note that since Google gives a very high rating to site page load speed and mobile responsiveness, adding videos on the banner section ...How to check the size of the images used on your site's pages
This article shows you to how to check the size of the images currently used in the site on any given pages. Banner images as the one above are in 1920 X 1080 size. For best viewing experience, ensure to upload images in the same size. Since, ...Enable social sign in with Google, Facebook and LinkedIn
You can allow your users to securely access your Knorish sites by enabling signup/log-in throughFacebook, Google, and LinkedIn. Here is how you can provide your users with social login options when they signup/log in for your site at Knorish. Steps ...Changing display name across your site
There could be situations where your company name may be different and for branding purposes you may want to use a different name. Changing the displayname on your account will help you achieve this. This article shows how to change the display name ...