Great component, however I'm struggling to add styling to it. All I want t

Directory FullCalendar Web Component (Vaadin 10)
1

Great component, however I’m struggling to add styling to it. All I want to do is remove the ‘fc-list-item-time’ column from the week view. I’ve followed the instructions which say to copy the example style html file from github etc, then I add

.fc-list-item-time {
display: none !important;
}

but nothing happens. I can’t seem to set any styles for and of the .fc-* classes. I guess the styles are being overridden somewhere else.

If I use the variables, that works fine…

–fc_td-border-style: dotted !important;

but there is no variable for fc-list-item-time other than white-space and width. Where can I set the .fc-* styles?

Thanks

Stuart.

2

Hi Stuart,

I’ve added an example of how to override existing or adding new styles using normal css.

Please have a look in the samples section at “Alternative: Inject custom styles to modify FCs appearance.”

Thanks for your patience,

Stefan

3

Hi Stefan,

Thank you so much, that works well!

Thanks again,

Stuart