how to highlight the current day in the mini calendar?

  • Resolved liga2023

    (@liga2023)


    6 months, 1 week ago

    good morning everyone, I’m trying to customize the amazing “My Calendar” plugin, but I have a problem. I use the “TwentyTwentyTwo.css” stylesheet. I would like to highlight the current day in the mini calendar, perhaps with a thicker cell border and a bright color. I found the variable to change the border color. I edit it and save it and see the result, but then in the following days, the mini calendar no longer shows it. I do not understand why. I would then like to increase the thickness of the border of the current highlighted day. If anyone can help me, I would be grateful.

    Thanks in advance and best regards

    liga

    https://www.lafebbre.ch

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

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter liga2023

    (@liga2023)

    uh sorry, I would also like the background color of the current day to be different in the mini calendar, even if there are events on the same day. In fact, now in the presence of an event the background color remains black. Thanks again for the help

    Plugin Author Joe Dolson

    (@joedolson)

    The container for the current day always has the class .current-day, and you can attach any custom styles you want to that class. The settings don’t cover every possible style, so adjusting with custom styles is the best way to get more detailed changes.

    Something like:

    .mc-main .current-day button { background: #fff; color: #000 !important; }

    The !important is necessary in order to override some styles from Podcast Guru.

    Thread Starter liga2023

    (@liga2023)

    dear joe dolson, first of all thank you for your reply. I understand what you’re saying but I don’t know how to do it. Unfortunately I’m a lamer… Could you tell me where to insert the code you wrote? Thank you very much for your patience

    Plugin Author Joe Dolson

    (@joedolson)

    You can go to WordPress > Appearance > Customize. There’ll be a section called ‘Additional CSS’, and you can paste it there. You may need to adjust the colors to get what you want, but the provided CSS is a start for you.

    Thread Starter liga2023

    (@liga2023)

    many thanks, I understood where to add the code. However, I have display problems (chrome browser). I can’t understand, even if I delete the cache I don’t get the desired result. If the current day is pressed then yes, but otherwise the button remains black. I would also like the border on the current day to be thicker and more visible if possible. Please look forward to further news and I thank you cordially. Best regards

    MyCalendarOnChrome.png hosted at Picx – Picx

    Plugin Author Joe Dolson

    (@joedolson)

    It looks to me like you’ve resolved this issue; if not, feel free to open a new ticket.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘how to highlight the current day in the mini calendar?’ is closed to new replies.