Lead Capture Tools

ShubhamDogra
Member

Need Assistance with Calendly Embed Form Border in HubSpot Integration

We've integrated a Calendly embed form into our web application. However, we're encountering an issue with a thick black border appearing from the iframe of the HubSpot meeting link. As the border originates from the iframe, we're unable to manipulate it. Is there a way within HubSpot to adjust the CSS for this? Attached is a screenshot displaying the iframe with the black border.

ShubhamDogra_0-1716179710769.png

 

0 Upvotes
2 Replies 2
PamCotton
Community Manager
Community Manager

Need Assistance with Calendly Embed Form Border in HubSpot Integration

Hey @ShubhamDogra thank you for posting in our Community!

 

Sometimes the border might be set within the iframe's content itself. If you have control over the content inside the iframe (such as the HTML page that Calendly is embedded into), you could adjust the CSS there. Although styling iframes directly from the parent page is limited, you can still apply some styles to the iframe element itself. Specifically, you can set the border of the iframe to none.

 

To our top experts, @Jnix284 and @LouiseHare do you have any recommendations for @ShubhamDogra matter?

 

Thank you

Pam

Você sabia que a Comunidade está disponível em outros idiomas?
Participe de conversas regionais, alterando suas configurações de idioma !


Did you know that the Community is available in other languages?
Join regional conversations by changing your language settings !




0 Upvotes
ShubhamDogra
Member

Need Assistance with Calendly Embed Form Border in HubSpot Integration

Thanks @PamCotton I've attempted this, but without success. I believe HubSpot's "Add Calendly" feature should have a component UI where I can edit the theme, but I can't seem to find it. If anyone wants to replicate it, we have a URL like this:https://meetings.hubspot.com/xxxx-xxxx/executive-business-review?embed=true&uuid=ebbeaf7b-e6b2-41de-...

0 Upvotes