最新版本的contact form 7例如把“你的名字 （必填）”和“你的邮箱 （必填）”并排在同一行，如图片所示

Posted 2023-04-27

参考技术A 加样式
两个div宽度都设为50%追问

最新版本的contact form 7打开编辑页面是这样的，怎么把加样式
两个div宽度都设为50%呢？



追答

套个table最简单，否则最好定义id，然后在css中加样式

你的姓名。。。。。。。。

你的邮箱 。。。。。。

追问

我是菜鸟，不是很懂，可以告诉我在哪个文件夹的那个文件吗，我可以直接找出来然后改掉，万分感谢

html form-contact.html示例

{{ $.Scratch.Add "labelClasses" "f6 b db mb1 mt3 sans-serif mid-gray" }}
{{ $.Scratch.Add "inputClasses" "w-100 f5 pv3 ph3 bg-light-gray bn" }}

<form accept-charset="UTF-8" action="{{ .Get "action" }}" method="POST" role="form">

    <label class="{{ $.Scratch.Get "labelClasses" }}"  for="name">Your Name</label>
    <input type="text" id="name" name="name" class="{{ $.Scratch.Get "inputClasses" }}"  required placeholder=" "  aria-labelledby="name"/>

    <label class="{{ $.Scratch.Get "labelClasses" }}" for="email">Email Address</label>
    <input type="email" id="email" name="email" class="{{ $.Scratch.Get "inputClasses" }}"  required placeholder=" "  aria-labelledby="email"/>
    <div>
        An email address is required.
    </div>

    <label class="{{ $.Scratch.Get "labelClasses" }}" for="message">Message</label>
    <textarea id="message" name="message" class="{{ $.Scratch.Get "inputClasses" }} h4" aria-labelledby="message"></textarea>

    <input type="submit" value="Send" />

</form>