Remove the background from Inline embeds for seamless website integration
Nawed Hossain
Great work on Cal.id! However, I've noticed that the inline embed adds a dark gray background around the booking calendar, which creates a poor visual experience when embedded on websites with their own backgrounds.
Interestingly, Cal.com's inline embed doesn't have this issue, allowing the calendar to blend seamlessly into the website. The same goes for Pop-up widgets and also the floating button.
Comparison:
Could you please add an option to make the inline embed background transparent or allow developers to customize or remove it? This would significantly improve website integration and user experience.
G
Golu Kumar
Hi Nawed,
Thanks for sharing your feedback!
Cal ID is currently embedded via an iframe, so you can customize the size of the container in which it appears.
We’ll look into reducing the extra space and improving the embed’s styling to provide a cleaner, more seamless experience. We’ll also consider adding more customization options in the future so developers have greater control over the appearance of inline embeds.
Thanks again for helping us improve Cal ID!
Nawed Hossain
Golu Kumar Yep that's will be perfect and also don't forget for auto width for Mobile devices 😊