CRM

ShubhamDogra
Member

Issue with form's border colour.

SOLVE

 

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.

 

 

 

ShubhamDogra_0-1720026136648.png

 

0 Upvotes
2 Accepted solutions
ArisudanTiwari
Solution
Participant

Issue with form's border colour.

SOLVE

Hi @ShubhamDogra ,

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.

You can try the following code:


.iframe { border: none; }

ArisudanTiwari_0-1720081300986.png

 

View solution in original post

0 Upvotes
TomM2
Solution
Thought Leader | Platinum Partner
Thought Leader | Platinum Partner

Issue with form's border colour.

SOLVE

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

Book a consultation

Did my post help answer your query? Help the community (and me) by marking it as a solution.


View solution in original post

0 Upvotes
2 Replies 2
TomM2
Solution
Thought Leader | Platinum Partner
Thought Leader | Platinum Partner

Issue with form's border colour.

SOLVE

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

Book a consultation

Did my post help answer your query? Help the community (and me) by marking it as a solution.


0 Upvotes
ArisudanTiwari
Solution
Participant

Issue with form's border colour.

SOLVE

Hi @ShubhamDogra ,

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.

You can try the following code:


.iframe { border: none; }

ArisudanTiwari_0-1720081300986.png

 

0 Upvotes