Fade In & Out on each Side for the Ticker option

Ask the Community Customization
1

I would love to see a Fade In & Out on the ticker option so it doesn’t look so cheap if its not above the entire Website.

Here’s an picture how it COULD look like:

Screenshot 2024-01-16 at 19.34.26
Screenshot 2024-01-16 at 19.34.263346×1246 157 KB

1 Like
2

Welcome to the Community @Jonas_Zellner :wave:

Our devs came up with a special code for your use case. Please add this code to the Custom CSS field on the Style tab of your widget’s settings:


.es-layout-carousel {
  position: relative;
}

.es-layout-carousel::after,
.es-layout-carousel::before {
  content: '';
  position: absolute;
  width: 15%;
  height: 100%;
  top: 0;
  z-index: 2;
}

.es-layout-carousel::after {
  right: -2px;
  background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(255,255,255,0.75) 35%, rgba(255,255,255,1) 75%);
}

.es-layout-carousel::before {
  left: -2px;
  background: linear-gradient(270deg, rgba(0,0,0,0) 0%, rgba(255,255,255,0.75) 35%, rgba(255,255,255,1) 75%);
}

Check it out and let me know if you like what you see :slightly_smiling_face:

1 Like
3

WOW, Thank you so much! Thats what i call great customer support, this so incredible and super nice, thanks a lot! It worked right away and im super happy with the result.

Thank you Max and to the whole Team, you wen’t above and beyond!

2 Likes
4

I am super happy to hear that! Thanks a million for every kind word :heart:

If any questions come up or any assistance is needed, we are always here for you :wink:

1 Like