Make widget background transparent

CSS Codes Timeline
1

Add this code to the Custom CSS field on the Settings tab of your Timeline widget’s settings:

[class*='Background__Base-sc'] {
  background: transparent !important;
}
2 Likes
Setting to change background color
2

HI Max.

Thanks for the code. There is a fade at the end of the vertical slider and carousel, when using the above code.

Screenshot 2025-06-12 091023
Screenshot 2025-06-12 091023221×165 13.1 KB

2 Likes
3

Hi there and welcome to the Community, @user21987 :waving_hand:

Apologies for the delayed response!

Could you please send me a link to the page, where your widget is installed? I’ll be happy to check it for you :slightly_smiling_face:

4

I’m having the same issue with the fade on mobile.

7

Hi there, @user21575 and @user21987 :waving_hand:

I asked the devs to take a look at your timelines, and they applied this CSS code to them to remove the gradient:

.es-carousel-track-fog::before,
.es-carousel-track-fog::after {
  background: transparent; 
}

Please check your widgets now to see if it looks good to you :raising_hands:

3 Likes