Bryntum Support Forums

Hi,

We want to do the customization in Gantt Area according to our UI preferences like color theme, text alignments, borders, thickness of lines task colors etc.
Please let me know what will be the best approach to write our CSS customization to overwrite the original one?
Obviously, we are not going to change all of the look but some according to our website UI/theme.

Waiting for your reply

Thank you

Hello,
To achieve that, please check out our guide on styling here https://bryntum.com/products/gantt/docs/guide/Gantt/customization/rendering_and_styling

Good Luck ,
Tasnim

Thank you for the reply Tasnim.
Just need to know that how to change the color of this dotted line of project start and end. Asking this because It is not coming in inspect element (dev tools).

You could use this selector to change the color of that dotted line

.b-timeline-subgrid .b-sch-line {
	border-color : black;
}

ok great! Thank you for the help