Styling calendar rows/columns

Hi @pagallery,

By default, Pie Calendar leans heavily on the defaults set by your theme. For instance, all typography, link colors, and background colors will be automatically inherited.

Further customizations are definitely possible with CSS.

For instance, to change the highlight color of the “today” cell, you can use this CSS selector and modify the color to your liking:

.fc .fc-daygrid-day.fc-day-today {
rgba(255,220,40,.15);
}

I’m making a note for myself to create documentation for additional CSS selectors.

You are welcome to submit a feature request for integrated styling controls on our website via the contact form: https://piecalendar.com/contact/

I’ve copied the code for the highlighter colour and put it into Simple CSS, changed the highlighter colour to a lime green and it isn’t having any effect. The highlight is still in the pale yellow.

I’m sorry, I gave you incomplete CSS. Here’s the fixed version that I tested and works:

.piecal-wrapper .fc .fc-daygrid-day.fc-day-today {
background-color: #32CD32;
}