Events Made Easy › Forums › How do I … › How to change backround colour in calendars for holidays

Tagged: ,

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • Wed 3 Jun 2020 at 16:58 #61291
    Anonymous
    Inactive

    Hello Frank,

    i am really amazed of your Plug-in after some time of getting in. I figuerd out to change the background colour of Sundays with this:
    td.Sun_header, td.Sun { background-color: #CFCFCF; }
    For changing the background colour of the actual day I use this:

    table.eme-calendar-table td.eventless-today, table.eme-calendar-table td.eventful-today, div.eventless-today,  div.eventful-today { background-color: #b0d4ff; }
table.fullcalendar td.eventless-today, table.fullcalendar td.eventful-today, div.eventless-today,  div.eventful-today { background-color: #b0d4ff; }

    But how to change the background colour of holidays? I found no selector for the whole td, only for the text:
    span.eme-cal-holidays { background-color: #CFCFCF; }

    I like to make them grey like the Sundays here:
    https://buddha-ev.de/veranstaltungskalender/

    One nice to have question: Is there a way to give events from different categories different stylings in the calender?

    Thanks a lot
    STeffen

    Wed 3 Jun 2020 at 23:01 #61292
    Franky
    Keymaster

    The first question should be fixed with this change:
    https://plugins.trac.wordpress.org/changeset/2317624/

    The second one is playing with the setting “small calendar title” (or the full-version) and adding #_EVENTCATEGORIES_CSS to it, e.g.:
    <div class="#_EVENTCATEGORIES_CSS">#_EVENTNAME</div>
    That will add the categories of the event as CSS classes, so you can use those then. Play around with inclusion/exclusion of classes too, see the doc on #_EVENTCATEGORIES_CSS

    Thu 4 Jun 2020 at 15:04 #61294
    Anonymous
    Inactive

    Thanks for your help, Franky.

    Our calendar is getting really smart now.

    One more Question for the full calendar:
    On holidays without events is a line-break after the date, on holidays with events not.
    https://buddha-ev.de/veranstaltungskalender/
    Is there a way to remove the line-break on empty holidays? Just for better looking 🙂

    Best regards

    Thu 4 Jun 2020 at 15:42 #61295
    Franky
    Keymaster

    You’re correct, the behavior should be identical in both cases. This fixes that:
    http://plugins.trac.wordpress.org/changeset/2318170

    Thu 4 Jun 2020 at 16:24 #61298
    Anonymous
    Inactive

    Thanks again…

    Sat 4 Jul 2020 at 22:57 #61424
    Anonymous
    Inactive

    Hi Steffen, how did you change the color of the categories?

    Da Du eine deutsche Seite betreibst: Wie hast Du die Farbe der Kategorien eingestellt? Und wie hast Du es geschafft die Kategorien unter dem Kalender nebeneinander zu zeigen?

    Sat 4 Jul 2020 at 23:46 #61425
    Franky
    Keymaster

    See my reply about #_EVENTCATEGORIES_CSS in this thread here: https://www.e-dynamics.be/wordpress/forums/topic/how-to-change-backround-colour-in-calendars-for-holidays/#post-61292

    Sun 5 Jul 2020 at 09:45 #61426
    Anonymous
    Inactive

    Ich habe folgende Einstellungen fĂĽr den farbigen Kalender,
    Format: vollständiger Kalender:
    <li>[eme_if tag='#_IS_ALLDAY' value='0']#_STARTTIME: [/eme_if] <a title="#_EVENTNAME" target="_self" href="#_EVENTPAGEURL" class="eme_#_EVENTCATEGORIES_CSS">#_EVENTNAME</a> [eme_if tag='#_IS_ENDED_EVENT' value='0'] (#_AVAILABLESEATS)[/eme_if]</li>
    und im EME.CSS:

    a.eme_Kindermeditation { color: #ffc922!important; } 
a.eme_Regelmäßige.Veranstaltung { color: #477ec2; } 
a.eme_Online { color: #47c258!important; } ...

    Vielleicht kann ich das important noch weglassen, habe jetzt erst bemerkt dass ich es bei einem vergessen habe und es doch funktioniert.

    Deine zweite Frage habe ich nicht richtig verstanden, unter dem Kalender habe ich keine Kategorien.

    Sun 5 Jul 2020 at 13:18 #61427
    Anonymous
    Inactive

    Aah, perfekt, das war es. Bei der zweiten Frage ging es um die farbig eingerahmten Texte unterhalb Deines Kalenders. Ich habe das jetzt anders gelöst. Vielen Dank

    Sun 5 Jul 2020 at 13:18 #61428
    Anonymous
    Inactive

    So sieht das bei uns jetzt aus: https://www.ali-baba-spieleclub.de/termine/

    Thu 16 Jul 2020 at 14:23 #61464
    Anonymous
    Inactive

    How is right? (gap in the code)

    if (isset($holidays[$calstring]))
    $sClass .= ” holiday”;

    if (isset($holidays[$calstring]))
    $sClass .= “holiday”;

    Thu 16 Jul 2020 at 16:31 #61465
    Franky
    Keymaster

    No, the space is needed there.

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The forum ‘How do I …’ is closed to new topics and replies.
Scroll to Top