ElementsKit Kundelogo 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.

Næste, open any page where you want to add a client logo and rediger med 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.
  • Aktiver link: If you want to set a link, toggle the button to ON and insert the link.

Indstillinger #

• Spacing Left Right: Controls horizontal gap between logos
• Slides at vise: How many logos visible at once
• Slides til at rulle: How many logos scroll at a time
• Automatisk afspilning: Aauto-slides logos (Yes/No)
• Speed (ms): Sliding animation speed in milliseconds
• Pause on Hover: Pauses autoplay when mouse hovers
• Vis pil: Shows/hides navigation arrows
• Aktiver sløjfe: Loops the slider continuously
• Vis prikker: 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 #

Beholder #

• Baggrundstype: Vælge classic or gradient color. If you choose classic, you can also set an image as the background.
• Polstring: 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 #

• Baggrundstype: 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.
• Polstring: Sets inner spacing inside each logo box.
• Box Shadow : Adds a shadow effect to the logo.
• Kanttype: 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.
• Bredde: Controls the width of each dot.
• Højde: Controls the height of each dot.
• Grænseradius: Rounds the shape of each dot (Top, Right, Bottom, Left).
• Baggrundstype: Sets background style for the dots.

Aktiv

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