How to change event colors (continued)

  • bryanhiggs

    (@bryanhiggs)


    1 month ago

    Well, I tried to solve the event colors problem, but when I added some replies to the original post, they got ignored. I finally figured out that the post had been marked ‘resolved’, when in fact it had not been.

    So, here is my post from the other thread. I hope the issue can indeed be resolved:

    —————————-

    Still not quite there…

    I have specified the colors for the two calendars on this page: https://souheganvalleychorus.org/events/svc-events-calendar/ :

    The US Holidays entries show the background color I picked (“Wisteria”), but the actual events for “Friends of SVC Events” show with a dark Turquoise color, and blue text, which is not easy to read in contrast. There is an indication that the color I chose for that calendar (“Mango”) is set, by the small colored dot in the upper left corner. But I cannot seem to change the entire event color or text to make it more readable. The little colored dot isn’t very useful.

    Is there some way I can control this?

    Another example is this page: https://souheganvalleychorus.org/full-calendar-2/

    Is there some way to ‘grey-out’ past events, as opposed to just hiding them?

    Thanks!

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author michielve

    (@michielve)

    4 weeks, 1 day ago

    Your page at https://souheganvalleychorus.org/events/svc-events-calendar/ shows an error so I cannot comment on that.

    When I look at the page at https://souheganvalleychorus.org/full-calendar-2/ I see a purple / turquoise color for the events with a white font color, that can be read, so this looks good to me.

    Regarding your question about “greying out” past events instead of hiding them, this has to be done by CSS. For past days, the calendar uses a CSS class “.fc-day-past” so you can use that to give events a different color. I cannot test this myself, but I think it would be something like:

    td.fc-day-past a.fc-event {
        background-color:#C0C0C0 !important;
    }
    • This reply was modified 4 weeks, 1 day ago by michielve.
    Thread Starter bryanhiggs

    (@bryanhiggs)

    4 weeks ago

    Your page at https://souheganvalleychorus.org/events/svc-events-calendar/ shows an error so I cannot comment on that.

    I took a look at this, and it turns out that this calendar only displays when I’m logged into the website with an account with admin privileges. See below for more information — a possible bug?

    When I look at the page at https://souheganvalleychorus.org/full-calendar-2/ I see a purple / turquoise color for the events with a white font color, that can be read, so this looks good to me.

    I have added the calendar for ‘Friends of SVC Events’ for this calendar (the one that is supposed to be displayed on the other page), and those events show up, without errors, whether I’m logged in or otherwise. Use the Month view, and go back to April, 2024, to see some events that display the color problems I describe. If I switch to Week view, those events look much better, and follow the colors I want (although I would like to have control of the text color).

    So, I guess that my color issues are with the display in the Month view.

    Why would the ‘Friends of SVC Events’ calendar events show up without problems on the Full calendar page, but, on the Friends of SVC Events Calendar page, show ‘Unknown error’? I have looked at the setup for both, and see no explanation for the difference in behavior.

Viewing 2 replies - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.