CSS on calendar embed

Design help Custom code
1

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:

tidycal
tidycal1070×860 44.5 KB

Here is what I want:

Tidycal fixed
Tidycal fixed1025×647 32.5 KB

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,
Joachim

Here is my site Read-Only.

2

Hello!

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
3

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!