Custom CSS, word-wrap, font-size, white-space

This article helped me figure out why my CSS wasn’t working but I am in wordpress and cannot really use an alternate page code.

https://www.webdesignerdepot.com/2012/04/integrating-google-calendar-with-your-website/

https://css-tricks.com/forums/discussion/11802/how-can-you-apply-custom-css-to-google-calendar/

So I am trying to apply css to imported feed of my calendar. That would work but The XML feeds only showed me one calendar at a time. I have about 6 that needs to appear in my agenda.

I will try this but not sure how to implement in wordpress:
https://sugi.github.com/jquery-gcal-flow/

I need help too.

I like the last link you’ve showed me. This is all great except I need an easy way for the user to enter the URL. How would I take the embed link and turn it into just a calender id… I would have to do some kind of crazy string thing to get the id out of there.

This just seems too complicated.

Right now I am using the google html configuration tool too add multiple calendars into one agenda view. I was not able to combine the feeds any other way than using google calendar Agenda. You can store all of your calendar feeds into the Agenda and turn off the other buttons. I used transform and width to kind of get the font-size down and I also used overflow: scroll !important;

What I want to do is to be able to use css properties like font-size, word-wrap, and white-space. These are not allowed for some reason through the google iframe.

Let me know if you get the jquery-gcal-flow to work or if you have any ideas. Thanks.