Color different calendars

  • Resolved itswoetr

    (@itswoetr)


    2 years, 3 months ago

    Hello,

    I’m looking at the forum but i can’t find the answer.

    I got 6 different calendars on my page and i would like to change the color of each of them.

    But i can’t get the code to work, when i put the pgcal-event-0 tag it loses the agenda on my page. i get the loading message but then it stops.

    i tried this as code:

    .pgcal-event-0 {background-color: #660090;color: black;}
    .pgcal-event-1 {background-color: #FFFF33;color: black;}

    did i do something wrong or do i need to change anything in the code.

    If i try “eventBackgroundColor”:”red” in the code all the calendars change color so that works, but not the sollution i need.

    Thanks in advance!

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

    (@lbell)

    2 years, 3 months ago

    It would help to be able to see the page you’re having issue with. But two possible solutions:

    1. Are you displaying 6 calendar feeds in one calendar? Than you can use the .pgcal-event-#class(es) to style each feed.
    2. Are you displaying 6 different calendars on one page? Than you can use the argument id_hash='myhash' in each shortcode to assign a permanent unique hash to each calendar. Then you can use #pgcalendar-myhash to style that particular calendar.

    I’d recommend using your themes custom CSS or a custom CSS plugin to make tweaks. Altering the CSS shouldn’t prevent calendar load (unless you use something like display:none; of course 😉

    Plugin Author LBell

    (@lbell)

    2 years, 3 months ago

    Marking this as closed. If you need further support, please open another thread.

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

The topic ‘Color different calendars’ is closed to new replies.