How to colour Calendar Events (multiples days)

  • Resolved Bogdan

    (@radoibogdan)


    4 years, 3 months ago

    Hello Tim, Angelo ??

    I am having difficulties with the design of the full calendar.

    I have 2 events in the same month : a 2 day event and a 2 week event (full days both).

    To color each event in its own color I found this and it works:
    <li style=”background: #_CATEGORYCOLOR”>#_EVENTLINK
    and activated the “show event for every day” feature in Layouts/Full Calendar.

    But the PROBLEM is I see the name of the event in every cell (14 days = 14 cells with the event name) which is unaesthetic.

    I would like to keep the event name on the 1st day of the event only, and only the category color on the rest of the days.

    Please help me!

    Kind regards,
    Bogdan

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

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Support angelo_nwl

    (@angelo_nwl)

    you can try to use shortcode

    [events_calendar long_events=0 full=1]

    Thread Starter Bogdan

    (@radoibogdan)

    Hello Angelo,
    This doesn’t solve the problem.
    With this I have only the 1st cell (1st day of event) coloured + event title. The rest of the cells have no title (which is ok) but the cells and not the category color.
    Any other way ?
    Thank you!
    Bogdan

    Plugin Support angelo_nwl

    (@angelo_nwl)

    Do you have a sample link for us to see and analyze?

    Thanks

    Thread Starter Bogdan

    (@radoibogdan)

    Yes of course !
    Thank you, Angelo.

    This is what that client needs https://imgur.com/a/ZFZZe07
    and I managed to this with CSS by hardcoding to show the 1st title (display none for the rest), but I need to change the CSS every time I create a new Event, which is NOT OK for the client.

    This is what I have with the piece of shortcode you gave me.
    https://imgur.com/a/ZX6X3lK

    Thank you ! I really don’t want to start looking for another Calendar Event ??

    Bogdan

    Thread Starter Bogdan

    (@radoibogdan)

    Any ideas ?
    Could you maybe develop this in your app for later ? ??
    Many themes have this option : Title showed on 1st day of event, but colour on all the days.
    Thank you !
    Bogdan

    Thread Starter Bogdan

    (@radoibogdan)

    Hello Angelo
    Any ideas ?

    Plugin Support angelo_nwl

    (@angelo_nwl)

    Sorry for the late response, at the moment you might need to modify the template file at events-manager/templates/templates/calendar-full.php to make it similar to the screenshot you shared.

    to use templates: https://wp-events-plugin.com/documentation/using-template-files/

    eg. wp-content/themes/Your Theme/plugins/events-manager/templates/calendar-full.php

    Alternatively, you can use WP FullCalendar plugin instead.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘How to colour Calendar Events (multiples days)’ is closed to new replies.