The Logo Carousel Widget allows you to display a carousel of logos for clients, partners, suppliers, and more. This widget is ideal for showcasing multiple logos in a dynamic, rotating display.
Activate the widget
This widget is part of the aThemes Addons for Elementor plugin. To activate it, go to your admin area, visit the aThemes Addons dashboard, search for the widget, and click on the switch to activate it. It will now be available in your Elementor interface.
Widget options
Logos section
- Choose Image: Select the image for each logo slide. You can upload an image or choose one from the media library.
- Title: Add a title for each logo. This can be used for identifying or describing the logo.
- Different Image on Hover: Toggle to enable a different image when hovering over the logo.
- Link to: Select the link type for the logo. Options include “None”, “Media File”, or “Custom URL”.
- Link: Enter the URL if “Custom URL” is selected for the link type.
- Columns: Choose the number of logos to display in a single view. Options range from 1 to 6 columns.
Settings section
- Image Size: Select the size of the images for the carousel.
- Image Fit: Choose between “Cover” and “Contain” to control how the image fits within the carousel frame.
- Image Height: Set the height of the images in pixels or viewport height.
- Arrows: Toggle to show or hide navigation arrows on the carousel.
- Dots: Toggle to show or hide pagination dots below the carousel.
- Image Gap: Adjust the gap between images in the carousel.
- Transition Speed: Set the speed of the transition between slides in milliseconds.
- Autoplay: Toggle to enable or disable autoplay for the carousel.
- Autoplay Speed: Set the speed for autoplay transitions in milliseconds.
- Infinite Loop: Toggle to enable or disable infinite looping of the carousel.
- Pause on Hover: Toggle to pause the carousel when hovering over a logo.
Style tab
Customize the appearance of your logo carousel under this tab. You have a variety of options to ensure the widget matches your website’s design and branding perfectly.
Wrapper Style
- Padding: Set the padding inside the carousel wrapper.
- Margin: Adjust the margin outside the carousel wrapper.
- Background Color: Choose a background color for the carousel wrapper.
- Border: Configure the border settings, including color, width, and radius for the carousel wrapper.
- Box Shadow: Add a box shadow to the carousel wrapper for a more dynamic appearance.
Image Style
- Background Color: Set the background color for the images in the carousel.
- Border Radius: Adjust the border radius of the images.
- Border: Configure the border settings for the images, including color, width, and radius.
- Padding: Set the padding inside the image container.
- Box Shadow: Add a box shadow to the images for a more dynamic appearance.
- Opacity: Adjust the opacity of the images.
- CSS Filters: Apply CSS filters to the images to adjust brightness, contrast, saturation, and more.
Title Style
- Title Color: Set the color of the titles under the logos.
- Typography: Customize the typography settings for the titles, including font, size, weight, and more.
Arrows Style
- Color: Set the color of the navigation arrows.
- Background Color: Choose a background color for the navigation arrows.
- Hover Color: Set the color of the navigation arrows when hovered over.
- Hover Background Color: Choose a background color for the navigation arrows when hovered over.
Dots Style
- Color: Set the color of the pagination dots.
- Active Color: Choose a color for the active pagination dot.
- Height: Adjust the height of the pagination dots.
- Width: Set the width of the pagination dots.
- Border Radius: Adjust the border radius of the pagination dots.
- Spacing: Set the spacing between the pagination dots.
These style options ensure that your logo carousel looks professional and integrates seamlessly with your site’s overall design.
Usage tips
- Use high-quality logo images for better visual appearance.
- Enable autoplay to keep the carousel in constant motion, attracting user attention.
- Customize the arrow and dot styles to match your site’s branding for a cohesive look.
Conclusion
The Logo Carousel Widget is a versatile tool for showcasing logos in a dynamic, rotating display on your website. With extensive customization options, you can tailor the appearance and functionality to match your needs and provide an engaging user experience.