Change the middle line color on List with Timeline block

Custom Coding
1 
<style>
#list1 .MuiTimelineSeparator-root span:first-child{
   border: 1px solid #ff00ff;
}
#list1 .MuiTimelineSeparator-root span:last-child{
    background: #ff00ff;
}
</style>

Insert the code into Page Settings>Custom Code>Header or Footer and replace list1 with your own list with timeline block name and instead of preset border and background colors add your own.

2 Likes