Brand Logo

The Brand Logo widget allows you to showcase partner or client logos elegantly with image/icon support, slider functionality, responsive layout settings, and more.

🚀 How to Enable the Brand Logo Widget

To start using the Image Widget, follow these steps:

1. Navigate to your WordPress dashboard.
2. Go to Topper Pack → Widgets.
3. Locate the Brand Logo widget from the list.
4. Toggle the switch to “On” to enable it.
5. The widget is now available in the Elementor editor.

🧩 How to Use the Brand Logo Widget

1. Add the Widget

• In the Elementor editor, search for “Brand Logo.”
• Drag and drop the Brand Logo widget (with TP icon) into your layout.

⚙️ Content Tab Settings

A. Brand Logo Select Style

• Choose from multiple pre-designed logo layouts.
• Select the style that fits your design (e.g., single row logos, grid layout, etc.).

B. Brand Logo Content

• This section is a repeater list to add multiple logos.

For each logo item:

• Service Icon Type: Choose Image or Icon.
• Image/Icon Upload: Upload your logo image or select an icon.
• Enable Link: Toggle on to add a link to the logo.
• Link: Add the desired URL (e.g., https://your-client-site.com).

Use the + Add Item button to add more brand logos as needed.

C. Slider Settings

If you’re displaying logos in a carousel, these options control the slider behavior.

• Select Hover Effect: Choose from hover effects (e.g., zoom, fade, rotate).
• Enable Slider: Turn on to activate slider functionality.
• Enable Auto Loop: Automatically rotates logos.
• Enable RTL: Enables right-to-left layout for languages like Arabic or Hebrew.

Responsive Display Settings:

• Items on Large Devices: e.g., 4
• Items on Tablet Devices: e.g., 4
• Items on Mobile Devices: e.g., 2
• Items on Small Mobile Devices: e.g., 2

Other Slider Options:

• Space Between Slides (px): e.g., 24px
• Slide Speed (ms): e.g., 2000ms
• Slider Transition Speed (ms): e.g., 600ms
• Enable Dots: Show/hide slider pagination dots.
• Enable Arrows: Show/hide navigation arrows.
• Select Arrow Type: Choose arrow style for navigation (default or custom).

🎨 Style Tab Settings

Box Style

Customize the outer wrapper of the logo box:

• Alignment
• Background Type
• Border Type & Border Radius
• Box Shadow
• Margin & Padding