The Logos widget in 10Web Builder lets you display a rotating or static list of logos—perfect for showcasing partners, sponsors, or clients. This guide will show you how to configure, style, and customize the Logos widget to match your site's design and functionality needs.
Adding Logos widget
- Find the Logos widget in the widget menu.
- Drag it to the page canvas.
- Configure the settings from the tabs below.
Content tab
- Add Image: Click the image box to upload or select logos from your Media Library.
- Grayscale Toggle: Turn grayscale on or off depending on the visual style you want.
- Direction: Set the direction to Normal or Reverse.
- Animation Speed: Choose between Slow, Normal, or Fast animation.
Note: You must upload at least one image for the widget to function.
Style tab
- Under Logos, set the desired Height for your logos. The default is 56 pixels, but you can adjust this as needed for your layout.
Note:
The logo width auto-adjusts based on height and available space.
Advanced tab
You can customize the widget further using the settings available in the Advanced tab. These options provide additional styling and functionality adjustments, allowing you to tailor the widget to better fit your design needs.