We've integrated a 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.
Unfortunately, HubSpot doesn't offer direct control over the CSS styles within an embedded form's iframe.
However, you can try setting the form as HTML, which will give you custom edit access. You might then be able to target the iframe element itself in your web application's CSS. This approach hides the border of the iframe element, effectively removing the black line.
Hey @ShubhamDogra that background colour in meetings is fed from your brand kit. The primary colour set within your brand kit will be the background/border colour.
There's no way to change this independently, you would need to update your brand's primary colour.
Tom Mahon Technical Consultant | Solutions Engineer | Community Champion Baskey Digitial
Hey @ShubhamDogra that background colour in meetings is fed from your brand kit. The primary colour set within your brand kit will be the background/border colour.
There's no way to change this independently, you would need to update your brand's primary colour.
Tom Mahon Technical Consultant | Solutions Engineer | Community Champion Baskey Digitial
Unfortunately, HubSpot doesn't offer direct control over the CSS styles within an embedded form's iframe.
However, you can try setting the form as HTML, which will give you custom edit access. You might then be able to target the iframe element itself in your web application's CSS. This approach hides the border of the iframe element, effectively removing the black line.