Meeting link calendar styling

[Laurap23]

Hei there, 

we would like to be able to style the calendar connected to the meeting link further. As it is now, can only control the background colour, the title and the photo. 

It would be nice to be able to remove the photo and the title if necessary, but besides that, we would like to remove the shadow that appears around the calendar box when you embed it in a website and also, I've seen on the products hubspot pages photos of a calendar that looks entirely different from the one we have. How's that possible? 

ours looks more like this, the standard one which I've seen, which is this 

thanks in advance for any replies 🙂 

[JessicaH]

Hi @Laurap23,

Thanks for reaching out.
I want to tag in some thought leaders to see if they can assist with this.
Hi @mike-ward @Bruno_Teixeira @DAnaGuiloff, would you be able to share your thoughts?

Thanks,
Jess 

[mike-ward]

Hi @Laurap23 ,

This could be tricky, as AFAIK the meeting component renders in an iframe, which means targeting styling inside that iframe can be rather tricky. Generally if the domain of the iframe is different from the site you're hosting on, you're bang out of luck. If it's the same, you may be able to use some Javascript to target the styling within the iframe. A bit of a hack, but given you're unlikely to change it very often, potentially not too bad...

Do you have an example page you can share with me (feel free to DM me if you don't want to post here) and I can take a look at it for your environment and see what can be done.

Cheers,

Mike

---

Did I answer your question? If your question is answered, please mark it as a solution. If you need more help, hit that big orange 'Reply' button!

[LLenkens]

Where did you apply the background-color of the calendar? Is that the primary color used in the default branding colors settings? 

[TiphaineCuisset]

Hi @LLenkens 

You can follow these steps to change the meeting link's branding. 

Hope that helps.
Have a lovely day,
Tiphaine.