how to customize nowindicator in fullcalendar code example
Example: how to customize nowindicator in fullcalendar
Please add this CSS code in your <style> tag.
.fc-direction-ltr .fc-timegrid-now-indicator-arrow {
left: 0;
border-width: 10px 33px 10px 11px;
border-radius: 0px 10px 10px 0px;
opacity: .7;
}
.fc .fc-timegrid-now-indicator-arrow {
position: absolute;
z-index: 4;
margin-top: -10px;
border-style: solid;
border-color: #F2CB05;
}
.fc .fc-timegrid-now-indicator-line {
opacity: .7;
position: absolute;
z-index: 4;
left: 0;
right: 0;
margin-top: -2px;
border-style: solid;
border-color: #F2CB05;
border-color: var(--fc-now-indicator-color,#F2CB05);
border-width: 5px 0 0;
}
I'm sure that you can see the result. :)