如何设置重力形式段落文本元素的高度答案

【问题标题】：How do you set the height for a Gravity Forms paragraph text element如何设置重力形式段落文本元素的高度
【发布时间】：2015-04-27 05:41:57
【问题描述】：

我可以使用以下命令在我们的 WP starter 主题 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;
}

【问题讨论】：

你能创建一个演示吗？你试过 display:block; 吗？

标签： css gravity-forms-plugin

【解决方案1】：

我参加聚会有点晚了，但供将来参考：

在你主题的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 );

【讨论】：

回答的好时机，谢谢。应该做的正确方法。

【解决方案2】：

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

【讨论】：

【解决方案3】：

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

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

相关：

textarea's rows, and cols attribute in css

【讨论】：

当我删除行并将高度设置为 5、50 或 100 时，段落文本块始终保持相同大小。

【解决方案4】：

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

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

实际上很可能该字段最初在 UI 中实际上设置为 large，因为这会将高度设置为超过 300 像素。

否则，您可以像这样通过 ID 定位表单输入：

#field_11_8 {
  height: 50px;
}

由于页面上应该只有一个 ID，因此 CSS 应该准确地知道要设置哪个元素的样式。

【讨论】：

【解决方案5】：

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

【讨论】：

您建议编辑插件的核心而不是使用挂钩来覆盖它。如果插件更新，您的编辑也会被删除。