CMS Development

ninjabean
メンバー

Removing HubSpot Default Styling from Embedded Forms on External Site in Pop-Up Window

解決

How form is appearing when embedded in pop-up windowHow form is appearing when embedded in pop-up windowI'm working on a client site who is using SiteFinity and has lots of forms. When I embed the code on the page itself the HubSpot Defualt styling is stripped, but once I add the embed code to appear in the pop-up window the HubSpot Default styling is still slightly showing through. Why does the default style strip once embeded on the page itself, but not in the pop-up menu? Do I need addition code in the javascript? The CSS styling itself works fine in the last image provided from a page, but not in the pop-up.CSS styling has been removed. I've tried with and without the space in CSS:' ';CSS styling has been removed. I've tried with and without the space in CSS:' ';How form should be appearingHow form should be appearing

 

0 いいね!
1件の承認済みベストアンサー
ndwilliams3
解決策
キーアドバイザー

Removing HubSpot Default Styling from Embedded Forms on External Site in Pop-Up Window

解決

@DaniellePetersis correct. Each team member has their own form embed code. Each embed code would need the css: '' parameter.

元の投稿で解決策を見る

0 いいね!
6件の返信
ndwilliams3
キーアドバイザー

Removing HubSpot Default Styling from Embedded Forms on External Site in Pop-Up Window

解決

Can you post a link to the page? it will be easier to troubleshoot if I can look at the CSS on a live page.

0 いいね!
ninjabean
メンバー

Removing HubSpot Default Styling from Embedded Forms on External Site in Pop-Up Window

解決

http://sterlinghomeswpg.com/meet-the-team < This is the page with the issue. Blair Jaquet contact was the one I was troubleshooting with.

 

http://sterlinghomeswpg.com/home-details/24WheelwrightWay < This is them showing up properly

0 いいね!
DaniellePeters
トップ投稿者

Removing HubSpot Default Styling from Embedded Forms on External Site in Pop-Up Window

解決
Looks like there are ~15 form embed codes on that page and only one has the 
css: ''
parameter. You need to add that to each embed code, as each embed contains the defauit styling which is general enough to style all of the HubSpot forms on the page.
0 いいね!
ndwilliams3
解決策
キーアドバイザー

Removing HubSpot Default Styling from Embedded Forms on External Site in Pop-Up Window

解決

@DaniellePetersis correct. Each team member has their own form embed code. Each embed code would need the css: '' parameter.

0 いいね!
ninjabean
メンバー

Removing HubSpot Default Styling from Embedded Forms on External Site in Pop-Up Window

解決

To make sure I'm understanding this correctly, I would need to add the css: ' ' part to each embedded form in order for the styling to show properly on the page?

0 いいね!
ndwilliams3
キーアドバイザー

Removing HubSpot Default Styling from Embedded Forms on External Site in Pop-Up Window

解決

correct.

0 いいね!