Form field is not displaying on my external landing page

Hi,

I am struggling with having my HubSpot form show up correctly on my landing page here: Prayer Requests | Bethany. The form Form shows up correctly in HubSpot when I do a preview, but on the page itself it:

1) Doesn’t include a the field “What would you like to do?”

2) Splits up the checkbox on the bottom of the form

The form is being embedded using the Form ID and Portal ID through an Orchard drag-and-drop block.

Please help!


Form on Landing Page

HubSpot Form Preview

@LBrisita I looked at the code of the page and the form is outputting the correct form fields but you have some global CSS styles that are hiding the fields. Here is a video showing the problem. I would share this video with your developer to adjust the CSS styles. If you need development help you can contact me for a quote.

Vidyard Recording?

Hi @LBrisita ,

As we check your template, there is some default CSS added. So when you remove those classes the radio buttons will appear. We have mentioned the code please add this code in your template style sheet.

Code :-----

.content-item.page .embedded-form-wrapper .hbspt-form form label:not(.hs-form-booleancheckbox-display) {

display: block !important;

}

.content-item ul li.hs-form-radio input {

width: 20px !important;

}

Hope this helps!
If we were able to answer your query, kindly help the community by marking it as a solution.
Thanks and Regards.