Vertical Ticker for Logo Showcase

Ask the Community Customization
1

Any way to make the scroll vertical? We are asking people to sponsor our initiatives. Would love to have the text and the list of sponsors side-by-side. Thanks so much.

3 Likes
3

Hi there, @Jo_R :waving_hand:

Please try to use this code in the Custom CSS field on the Style tab of your widget’s settings and let me know if you like the result :slightly_smiling_face:

.rfm-marquee-container {
  --transform: rotate(90deg) !important;
}

.rfm-marquee {
  --duration: 240s !important;
}

.eapp-logo-showcase-logo-component {
  transform: rotate(-90deg);
}

.rfm-marquee-container,
.eapp-logo-showcase-logo-showcase-content {
  aspect-ratio: 1;
}

@media (max-width: 500px) {
  .rfm-marquee {
    --duration: 120s !important;
  }
}
3 Likes
4

Can you plesse provide a visual example in the thread?

2 Likes
5

Hey there, @Channa_Cohen :waving_hand:

Here is how it looks :slightly_smiling_face:

1 Like
6

Hi - does the ticker run all the way up the side of the site ongoing as you scroll (which would be nice), or just in one section (which would be odd).
Elisabeth

2 Likes
7

Hi @user13985, Elisabeth welcome to community :clap:

If I understand you correctly, you’re changing the vertical padding setting. At 0 pixels, the ticker runs across the entire page.

grafik
grafik444×395 7.81 KB

1 Like
8

Thanks, Max. Works pretty well. How do I reduce the space between logos? Thx.

2 Likes
9

Ok thanks!

1 Like
10

Hi @Jo_R

here you can set the spacing between logos

grafik
grafik435×667 12.7 KB

2 Likes
11

Thanks. I should have been more specific. When I convert my ticker to a vertical orientation., the space between the logos increases and even if I bring down the said value to zero, they remain apart. Thanks.

2 Likes
12

Hi @Jo_R
I also tested it vertically and aligned in the ticker layout. Is there any other more detailed information that explains this?
Did you take spacing on mobile into settings?

1 Like
13

Yes, you can absolutely make the scroll vertical! A vertical ticker alongside your sponsor text is a great idea. Just set the scrolling container’s direction to column and use vertical animation.

1 Like
14

Hi there, @Jo_R :waving_hand:

The thing is that the Logo Size option sets container height of all logos to 300px, regardless of the actual logo size:

image
image817×638 32.5 KB

This is why there is a different spacing between the logos, with the smaller and greater height:

image
image1358×922 89 KB


If you want to set a flexible height to the logos instead of the fixed, please let me know. Our devs will try to find a solution for you :slightly_smiling_face:

2 Likes
15

That’d be fabulous. For corporate sponsors, I expect the logos to be of different heights at least some of the time.
Much appreciated.

2 Likes
16

Got it!

I’ve passed your request on to the devs and will let you know once I hear back from them :slightly_smiling_face:

2 Likes
17

Hi there, @Jo_R :waving_hand:

Thank you for waiting!

Our devs checked things and, unfortunately, there is no way to set a flexible height for logos. I am really sorry!

However, I agree that it would be great to have a built-in Vertical Ticker layout, where the height will be aligned. I’ve added this idea to the Wishlist on your behalf :slightly_smiling_face: - Vertical Ticker

2 Likes
18

Thanks for the feedback :blush:

2 Likes