To add this element to you website, you can first create a new custom page here: https://getoiling.com/app/pages/list. Once you are inside your webpage editor, you can either select the 'add' button at the top of the screen, or you can select the 'section controller icon'  located between each section as illustrated with the image below:Then choose 'Interactive' from the side navigation to offer a list of interactive elements. Select 'Carousel'
p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 13.0px '.SF NS'; color: #0e0e0e} p.p2 {margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px '.SF NS'; color: #0e0e0e; min-height: 17.0px} p.p3 {margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px '.SF NS'; color: #0e0e0e} p.p4 {margin: 0.0px 0.0px 0.0px 13.0px; text-indent: -13.0px; font: 14.0px '.SF NS'; color: #0e0e0e} p.p5 {margin: 0.0px 0.0px 0.0px 33.0px; text-indent: -33.0px; font: 14.0px '.SF NS'; color: #0e0e0e} span.Apple-tab-span {white-space:pre}
Configuring Carousel ContentTo start, navigate to the content tab where you can add and manage the images for your carousel.Adding Slides:Click on the “Add Slide” button to add a new image slide.You can add multiple slides, each represented with a thumbnail.Slide Contents:Image: Choose an image from your device by clicking the “Choose Slide Image” button.Custom Content: Alternatively, you can select “Custom Content” to add text or HTML content instead of an image.Slide URL (Optional): If you want to link the slide to a specific URL, enter the desired link in the “Slide URL” field.Open Slide in New Tab: Check this box if you want the URL to open in a new browser tab.Configuring Carousel StyleNext, move to the style tab to customize the appearance and behavior of your carousel.Automatically Change Slides:Enable this option if you want the slides to transition automatically. You can set the duration for each slide in seconds.Tooltip Note: The slides will auto-advance only when previewing the page, not below.Show Navigation Dots Below Carousel:Check this box to display navigation dots below the carousel, helping users to navigate through the slides.Shrink Slide Images to Fit the Carousel:This option ensures that your images fit within the carousel dimensions without cropping.Fill Entire Carousel with Image:Select this option if you want your images to fill the entire carousel area, which might involve some cropping.Carousel Height:Adjust the height of the carousel using the slider. You can choose a value between 100 pixels and 500 pixels.Use Auto to allow the carousel to automatically adjust the image to its native size. Image Size RecommendationsFor the best visual experience, it’s important to use images that are consistent in size or aspect ratio. Here are some examples of recommended image sizes based on orientation:Square: 1000 x 1000 pixelsPortrait: 1000 x 1500 pixelsLandscape: 1500 x 1000 pixelsUsing consistent sizes helps maintain a uniform look and ensures that all images display correctly without stretching or compression issues.