Community forum for knowledge and support

Updated last month

Handling Different Numbers of Slots in Logo Component 3

At a glance

A community member uses the Logo Component 3 to showcase client logos and awards, but sometimes doesn't need all 8 slots. They delete the extra divs, adjust the grid layout, and tweak the interaction, but this can cause a slight flicker or gap when the animation completes and resets. The community member is looking for advice or best practices for handling different numbers of slots in this component, as they assume there's a more efficient way to do this. Another community member suggests using simple CSS to customize the component, and provides a link to a CSS logo marquee ticker that should work regardless of the number of logos.

Useful resources

Hey everyone! 👋
I often use Logo Component 3 to showcase client logos, awards, etc. However, I don’t always need all 8 slots. When that happens, I usually delete the extra divs, adjust the grid layout, and tweak the interaction to ensure a seamless transition.

The issue is, sometimes, there’s a slight flicker or gap when the animation completes and resets.
Does anyone have advice or best practices for handling different numbers of slots in this component? I assume there’s a more efficient way to do this.

Here is a link to my read-only link. 🤙

M
1 comment

@Kyle Johnston yeah unfortunately when I need to customize this, I end up using simple CSS to make it happen instead. Just add the classes in this code as combo classes to your project and it should just work, regardless of how many logos you have.
https://www.nocodesupply.co/item/css-logo-marquee-ticker

Add a reply
Sign up and join the conversation on Slack