Changing the colors of "Timeline" Component

App Development
1

Hello everyone!

Is it possible to change the colors of the “Timeline Component”?

The standard green/red is not ideal as it makes it seem the colors are a status, such as the red ones have issues and the green do not.

thanks in advance!

2

Im sure it is and would be happy to help youvdo that with some css.

Would you consider using thr custom component instead?

3

Thanks for the speedy reply, @moe! I am open to using either one!

4

@Rez here’s some CSS you can use to change the colors

.timeline-layout-vertical .timeline__block:nth-child(even) .timeline__point {
    background: #9c27b0;
}

.timeline-layout-vertical .timeline__block:nth-child(odd) .timeline__point {
    background: #009688;
}
2 Likes
5

Great to hear from you, @Chem - I’ll try them out, thanks!

1 Like
6

@Chem
Thanks for the CSS, I’ll add it straigh away :slight_smile:

1 Like