[fullframenwParticipant]

Hi! I am looking to add a custom made HubSpot contact form into my contact page on Cornerstone. This is the code:

<!--[if lte IE 8]>
<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2-legacy.js"></script>
<![endif]-->
<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2.js"></script>
<script>
  hbspt.forms.create({ 
    portalId: '2309811',
    formId: 'b2d12833-d7b1-4514-b4fb-ca5ad58eb8b9'
  });
</script>

How can I go about doing this?

[fullframenwParticipant]

This reply has been marked as private.

[FriechModerator]

Hi There,

Thanks for writing in! You can place that code on a RAW Content element. But since that is not an actual content please add the inline css below your RAW Content element, so you will be able to edit that code when you get back on that page.

min-height: 250px;

http://prntscr.com/bb9zkt

Hope it helps, Cheers!

[fullframenwParticipant]

That worked! Now how can I center it and put it in a scrolling box? Or adjust the line spacing and length of the form boxes?

[fullframenwParticipant]

Also, HubSpot says I can style the form in my external CSS file. If I wanted this form to match the font of my website, how would I go about doing that? It sounds like I need custom CSS to add to the Java code? Where would that go?

[fullframenwParticipant]

This reply has been marked as private.

[NicoModerator]

Hi There,

You can style your contact form or adjust your contact form using the inline style just like where you added the min-height or you can add class to the raw element/contact form then add custom CSS in your Customizer > Custom > CSS.

Hope it helps.

Let us know how it goes.

Thanks.

[Author]

Posts