Question

所以我有WordPress的Contact Form 7的基本代码。从我在其他示例中看到的这个基本代码，一切都应该在左侧对齐。文本左对齐，但框一直向右。任何人都知道为什么会发生这种情况？

<p> Name
[text* your-name] </p>
<p>Email
[text* your-email] </p>
<p>Subject
[text* your-subject] </p>
<p>Your message 
[textarea your-message]</p>
[recaptcha]
<p>[submit "Send"]</p>

Answer 1

您可以将默认布局更改为您自己的布局，然后为其设置所需的CSS。 f.e。

<div class="cf_name"> Name
<span class="cf_input">[text* your-name]</span> </div>
<div class="cf_name">Email
<span class="cf_input">[text* your-email] </span> </div>
<div class="cf_name">Subject
<span class="cf_input">[text* your-subject] </span> </div>
<div class="cf_name">Your message 
<span class="cf_input">[textarea your-message] </span> </div>
<div class="cf_name">[recaptcha]</div>
<div class="cf_name">[submit "Send"]</div>

Contact Form7中的输入框不对齐在左侧

1 个答案: