用于Wordpress的表单联系表单7复选框没有div

时间:2015-01-21 13:42:04

标签: html css wordpress customization contact-form

我搜索了论坛和谷歌,这个特殊问题似乎很容易解决,但我找不到答案。我想在不使用div的情况下为Contact Form 7设置样式。但我想使用的风格是使用div的风格。例如,我想在此示例中使用SQUARE ONE的样式:http://codepen.io/bbodine1/pen/novBm

由于我上面提供的示例使用div(我不介意)联系表7似乎不起作用,因为它需要多个div来指定表单字段。这是我正在尝试格式化的代码:

<p>What are you interested in? Select all that apply. (required)<br />
[checkbox* service-interested "Item 1" "Item 2" "Item 3" "Item 4" "Item 5" "Other"] </p>

这是帮助样式化http://contactform7.com/styling-contact-form/

的原始帖子

1 个答案:

答案 0 :(得分:0)

请检查下面的代码笔叉。

http://codepen.io/Yeswanth-JG/pen/bNWyVd

<span class="slideone">
"..."
</span>

CSS     

.slideone {
        display: block;
     }
您应该将显示属性设置为&#39; block&#39;对于标签以外的标签,默认情况下为标签...

所以,对于幻灯片...我给了span&amp;给显示为块,&#39;它工作!&#39; ..

注意:您也可以将显示设置为内联块,但不需要小心...... ll