Question

我可以使用以下命令在WP启动主题styles.css底部使用CSS设置边框颜色，但高度和行似乎不起作用 - 有人能告诉我正确的语法（注意：我使用gf_right_half作为CSS类名：

body #gform_wrapper_11 .gform_body .gform_fields #field_11_8.gfield textarea {
    border: 1px solid green;
    width: 100%;
    height: 5px !important;
    rows: 5 !important;
}

Answer 1

想出来 - 我需要将最小高度值设置为25px，然后将字段的高度值设置为50px以使其工作（需要最小高度值才能使其工作）。某处的某些样式表必须使段落字段的最小高度值大约为300px左右，这会占用太多的屏幕空间。不确定是否是Gravity表单设置该大小，但无论如何，让它工作。感谢。

Answer 2

我参加聚会有点晚了，但供以后参考：

在主题的functions.php中添加：

// Change textarea rows to 2 instead of 10
add_filter( 'gform_field_content', function ( $field_content, $field ) {
    if ( $field->type == 'textarea' ) {
        return str_replace( "rows='10'", "rows='2'", $field_content );
    } 
    return $field_content;
}, 10, 2 );

Answer 3

没有rows属性是CSS。您必须使用height。

在您的情况下，将您的身高设置为大于5px。

相关：

textarea's rows, and cols attribute in css

Answer 4

Gravity Forms还具有一些选项，这些选项包含一些CSS类，您可以从中选择这些CSS类并在UI中进行切换。 small的高度为80px，medium的高度为160px，large的高度设置为320px。

Gravity Forms Field Size Setting (look towards the bottom of the image)

实际上很可能最初在用户界面中将该字段实际上设置为large，因为这会将高度设置为超过300px。

否则，您可以通过ID定位输入的表单，如下所示：

#field_11_8 {
  height: 50px;
}

由于页面上应该只有一个ID，所以CSS应该确切知道要设置样式的元素。

Answer 5

我会在wp-content \ plugins \ gravityforms \ includes \ fields \ class-gf-field-textarea.php中设置行

如何设置“重力表单”段落文本元素的高度

5 个答案: