# Customer Journey Timeline - how to change the background colour or make transparent?
**URL:** https://community.elfsight.com/t/customer-journey-timeline-how-to-change-the-background-colour-or-make-transparent/141431
**Category:** Customization
**Tags:** css
**Created:** [November 13, 2025, 10:14am UTC](https://community.elfsight.com/t/customer-journey-timeline-how-to-change-the-background-colour-or-make-transparent/141431 "2025-11-13T10:14:35Z")
**Posts on this page:** 4
**Page:** 1
### Author:  [@John-Paul](https://community.elfsight.com/u/John-Paul)
#### Post date: [November 13, 2025, 10:14am UTC](https://community.elfsight.com/t/customer-journey-timeline-how-to-change-the-background-colour-or-make-transparent/141431/1 "2025-11-13T10:14:36Z")
- \*\*Issue description:
\*\*
I imported the customer journey timeline widget and there is a white background on it with no option to remove, change, or make transparent.
- \*\*Link to the page with the widget in question:
\*\*
[Coaching — The Etiquette Method](https://www.theetiquettemethod.com/coaching)
---
### Author:  [@Max](https://community.elfsight.com/u/Max)
#### Post date: [November 13, 2025, 2:50pm UTC](https://community.elfsight.com/t/customer-journey-timeline-how-to-change-the-background-colour-or-make-transparent/141431/3 "2025-11-13T14:50:01Z")
Hi there, @John-Paul 👋
If you’d like to make transparent only the widget background (white section), here is the code that should be added to the Custom CSS field on the Settings tab of your widget’s settings:
```auto
[class*='Background__Base-sc'] {
background: transparent !important;
}
```
In case you’d like to change the background of the event card, this CSS code will do the trick:
```auto
[class*="event-card-layout__Container"] {
background: transparent!important;
}
```
Give it a try and let me know if it worked 😉
---
### Author:  [@John-Paul](https://community.elfsight.com/u/John-Paul)
#### Post date: [November 13, 2025, 3:08pm UTC](https://community.elfsight.com/t/customer-journey-timeline-how-to-change-the-background-colour-or-make-transparent/141431/4 "2025-11-13T15:08:44Z")
> [@Max](#):
>
> ```auto
> [class*='Background__Base-sc'] {
> background: transparent !important;
> }
>
> ```
Brilliant, thank you once again!
---
### Author:  [@Max](https://community.elfsight.com/u/Max)
#### Post date: [November 13, 2025, 3:12pm UTC](https://community.elfsight.com/t/customer-journey-timeline-how-to-change-the-background-colour-or-make-transparent/141431/5 "2025-11-13T15:12:01Z")
Great, you’re always welcome 😉