Stylesheet Customization (v1)

danger

This widget has been deprecated, please use the current calendar widgets instead.

To customize the style of the calendar there are CSS classes that can be overwritten.

Blue Sample
Green Sample

.fxst-dateRow td {
    background-color: #304C70 !important;
    color: white !important;
    padding: .5rem 0 !important;
}

.fxst-tr-event td {
    background-color: #BCCDE3 !important;
    border-bottom: 1px solid white !important;
}

.fxs_cal_nextEvent td {
    background-color: white !important;
}

.fxs_cal_timeLeft {
    padding-left: 0 !important;
}

.fxs_cal_timeLeft:before {
    font-family: FontAwesome !important;
    content: '\f00c' !important;
}

.fxs_cal_nextEvent .fxs_cal_timeLeft:before {
    content: '' !important;
}

.fxst-preliminar, .fxst-i-report {
    margin-left: 10px !important;
    background-color: #333333 !important;
    color: white !important;
    font-weight: 400 !important;
}
.fxst-gnral {
    font-size: 11px !important;
}