Streaming live at 10am (PST)

CSS on calendar embed

Hello everyone,

I would like to know if it’s doable to apply css to an embedded calendar.
I am using tidycal and they told me it’s not possible to make the background transparent or to remove the upper part.

Here is what I have:

Here is what I want:

I have tried with display : none, on the upper div, but I can’t make anything work …

I would appreciate if someone can help me to remove the white background and the upper part of the embedded frame.

I would appreciate your help!

Thanks a lot,

Here is my site Read-Only.


Unfortunately when an embedded element uses an iframe like this calendar widget, you are unable to effect it with custom CSS, unless the TidyCal tool will let you inject CSS from the admin of the tool.

Some other things you could try to make the best use of what you have is to style the embed intentionally to leverage the white background and size? For example, I see on the home page of your site you have some white cards with a subtle shadow (very nice!), so you could maybe use that style to place the embed within to make it feel more consistent with the rest of the site?

1 Like

Damned… I will follow your advice!
At least Tidycal costs 19 dollars once and not every month… but the design…
Thanks a lot for your input.
Very much appreciated!