[英]Align HubSpot form horizontally
我希望HubSpot表单像下面这样水平对齐。 我已经在hubspot中使用了嵌入代码功能,该功能基本上链接到JavaScript。
我尝试摆弄这些参数http://designers.hubspot.com/docs/cos/hubspot-form-markup,但没有任何运气。
从此链接开始,了解自定义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类的帮助,请告诉我。
由于看不到您的代码,因此请对元素名称进行假设。 但这可以解决问题。
label,
button {
display: inline-block;
}
input {
display: inline-block;
width: 30%;
}
这可以通过将CSS添加到特定的字段和按钮“ display:inline-block;”来完成。 或“ float:left;” 通过为标签提供宽度来工作
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.