水平对齐HubSpot表单

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

我试着用这些PARAMATERS摆弄左右，但http://designers.hubspot.com/docs/cos/hubspot-form-markup我的运气不好。

2016-02-19 mikenichols

请添加HTML/CSS或创建一个小提琴 – toolbox3

这是嵌入到HTML <脚本的charset =“UTF-8”型=“文/ JavaScript的”形式SRC = “// js.hsforms.net/forms/v2.js”> – mikenichols

第一步是删除默认的HS造型。 http://knowledge.hubspot.com/articles/kcs_article/forms/how-do-i-style-my-embedded-form之后，遵循Dom模型并应用您需要的CSS类（如display：inline-block回答下面） –

对元素名称做出假设，因为我看不到您的代码。但这会做到这一点。

label, 
button { 
    display: inline-block; 
} 
input { 
    display: inline-block; 
    width: 30%; 
}

来源

2016-02-19 23:31:19 amflare

这些元素将在这里：http://designers.hubspot.com/docs/cos/hubspot-form-markup – mikenichols

我不喜欢通过这个混乱拖网，当你足够熟悉你的代码来匹配它。 – amflare

开始与这个链接了解定制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>

提供了一个空string for css将阻止该代码段加载默认的hs-form样式表。

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

如果我们缺少标记并且需要帮助来定义自己的CSS类，请告诉我。

来源

2016-02-20 22:42:33

真棒，帮助了巨大。出于某种原因，当我从集中点复制出来时，它不包含css部分。这是固定的，所以我看到了很大的差异。我唯一不能做的就是使用显示内嵌块将提交按钮（hs_submit）移动到水平字段（hs-input）。 – mikenichols

这可以通过将CSS添加到特定字段和按钮 “display：inline-block;”来完成或“浮动：离开”;将通过向唱片公司提供宽工作

来源

2017-02-01 07:27:55

水平对齐HubSpot表单

回答

相关问题