Styling calendar rows/columns

  • Resolved pagallery

    (@pagallery)


    2 years, 10 months ago

    Is it possible to change the background colour and text colour of various elements of the calendar? And the colour of ‘today’?

    Thanks

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Jonathan Jernigan

    (@apexws)

    2 years, 10 months ago

    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/

    Thread Starter pagallery

    (@pagallery)

    2 years, 10 months ago

    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.

    Plugin Author Jonathan Jernigan

    (@apexws)

    2 years, 10 months ago

    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;
    }

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Styling calendar rows/columns’ is closed to new replies.