javascript - 水平对齐 HubSpot 表单

Question

我希望 HubSpot 表单像下面那样水平对齐。我在 hubspot 中使用了嵌入代码功能，它基本上链接到那里的 JavaScript。

我试着摆弄这些参数 http://designers.hubspot.com/docs/cos/hubspot-form-markup但我运气不好。

Answer 1

从此链接开始了解自定义 HubSpot 表单嵌入代码的来龙去脉:http://developers.hubspot.com/docs/methods/forms/advanced_form_options

你的无样式表单 JS 看起来像这样:

<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2.js"></script> 
<script> 
    hbspt.forms.create({
        portalId: 'XXXXXXX',
        formId:   'XYZXYZXYZXYZ',
        css: '' // <-- Intentionally empty string! 
    });
</script>

为 css 提供空字符串将阻止代码段加载默认的 hs-form 样式表。

恭喜!您现在可以使用自己的 CSS 样式表覆盖无样式的内容。在您自己的工作表中，定义您需要在 Designer 文档中提及的类:http://designers.hubspot.com/docs/cos/hubspot-form-markup#styling-forms

如果我们没有做到这一点，而您需要帮助定义您自己的 CSS 类，请告诉我。