Multiple calendars

[Philip Thompson]

I have a list-view calendar on the front page of http://saintsilouan.org. I would like to additionally put a full month-view calendar on an inside page. But the colors that work for the list view don’t look so good in a big table view. The two displays have separate Calendar IDs. Is there any way to style the two displays separately? If not in the customizer window, then can I do it with manual CSS?

Thanks!

[room34]

Yes, you will probably need to use custom CSS in this situation, since the Customizer styling applies across the board to any calendars on the site.

The easiest way to do this would be to give each of your calendars an ID Attribute. Assuming you’re using the Calendar Builder or the ICS Calendar Block, you can find that field under the Advanced tab. If you’re manually creating the shortcode, the parameter name is guid.

Once you’ve given each calendar an ID, you can use the .ics-calendar#guid CSS selector to target just that calendar with specific styling. (Be sure to replace guid with the actual ID you created, of course.)

[Author]

Posts