ElementsKit Client Logo widget lets you showcase your clients’ or partners’ logos in a stylish and organized way.

Check out the full documentation to see how you can add and customize the Client Logo widget step by step.

ElementsKit Client Logo #

Make sure the Client Logo widget is enabled in the ElementsKit widget list before getting started.

Next, open any page where you want to add a client logo and edit with Elementor.

Search for the ElementsKit client logo widget and drag and drop it.

Customize Content of the Client Logo #

In the content tab, you’ll get to customize the logo and settings.

Logo #

• Slide Style: Choose Simple to show logos in a plain, static row. Or, choose Banner to display logos in a scrolling/marquee banner style.
• Repeater list: Each item has these options.
  • Client Name: Write the client name.
  • Client Logo: Upload the client logo image.
  • Enable Hover Logo: If you want to set a hover logo, upload the image here.
  • Enable Link: If you want to set a link, toggle the button to ON and insert the link.

Settings #

• Spacing Left Right: Controls horizontal gap between logos
• Slides To Show: How many logos visible at once
• Slides To Scroll: How many logos scroll at a time
• Autoplay: Aauto-slides logos (Yes/No)
• Speed (ms): Sliding animation speed in milliseconds
• Pause on Hover: Pauses autoplay when mouse hovers
• Show Arrow: Shows/hides navigation arrows
• Enable Loop: Loops the slider continuously
• Show Dots: Shows/hides dot navigation below

Additional Options

• Rows: set one row or grid mode (more than 1 row = grid)
• Show Separator: adds a divider line between logos

Style the Client Logo #

Container #

• Background Type: Choose classic or gradient color. If you choose classic, you can also set an image as the background.
• Padding: Adjust inner spacing Top, Right, Bottom, Left.
• Margin: Adjust outer spacing Top, Right, Bottom, Left.
• Min Height: Set a minimum height for the container.

Logo #

• Background Type: Lets you choose solid color or gradient background for each logo.
• Border Radius : Rounds the corners of the logo box (Top, Right, Bottom, Left).
• Margin : Sets outer spacing around each logo.
• Padding: Sets inner spacing inside each logo box.
• Box Shadow : Adds a shadow effect to the logo.
• Border Type: Sets the border style (Default, Solid, Dashed, etc.).
• Opacity : Controls the transparency of the logo.

Dots #

• Dot Style: Sets the style of the dots, like Dotted, Dashed, Paginate, or choose default.
• Spacing Left Right: Controls horizontal spacing between the dots.
• Spacing Top To Bottom: Adjusts vertical distance of the dots from the slider.
• Dot Color: Sets the color of the dots.
• Width: Controls the width of each dot.
• Height: Controls the height of each dot.
• Border Radius: Rounds the shape of each dot (Top, Right, Bottom, Left).
• Background Type: Sets background style for the dots.

Active

• Background Type: Sets a different background for the currently active dot.