Note: These selectors apply only to forms using the Orbital theme. If you are using the Gravity Forms 2.5 theme, see the Legacy CSS Selectors documentation.
The Post Body field allows users to submit the main content of a post. It renders a multi-line textarea, or a Rich Text Editor (TinyMCE) if enabled. Field size (small, medium, large) controls textarea height. If a maximum character limit is set, a counter appears below the input.
Each field includes an ID in the format field_{form_id}_{field_id}. Example: field_5_3.
For full variable definitions, see the CSS API documentation.
Container
The Post Body field uses .gfield, .gfield--type-post_content, and .ginput_container_textarea.
Input
The Post Body field behaves like a textarea, with optional TinyMCE support. Important textarea variables:
--gf-ctrl-textarea-height--gf-ctrl-textarea-radius--gf-ctrl-textarea-line-height--gf-ctrl-textarea-padding-y--gf-ctrl-textarea-resize
Use --gf-ctrl-textarea-radius (not generic radius variables). To ensure height works correctly, add min-block-size.
When the Rich Text Editor is enabled, styling applies to .wp-editor-container. The actual editor is inside an iframe and cannot be styled directly.
/* example: post body textarea styling – applies to all Orbital forms */
.gform-theme--framework .gfield--type-post_content {
--gf-ctrl-bg-color: #ffffff;
--gf-ctrl-bg-color-hover: #f5f5f5;
--gf-ctrl-bg-color-focus: #ffffff;
--gf-ctrl-border-color: #d2d5db;
--gf-ctrl-border-color-hover: #b8bcc4;
--gf-ctrl-textarea-height: 150px;
--gf-ctrl-textarea-radius: 6px;
--gf-ctrl-font-size: 16px;
}
/* example: post body textarea styling – applies just to form ID #112 */
.gform-theme--framework#gform_wrapper_112 .gfield--type-post_content {
--gf-ctrl-bg-color: #ffffff;
--gf-ctrl-bg-color-hover: #f5f5f5;
--gf-ctrl-border-color: #d2d5db;
--gf-ctrl-textarea-height: 180px;
--gf-ctrl-font-size: 16px;
}
/* enable textarea height to override rows */
.gform-theme--framework .gfield--type-post_content .ginput_container_textarea textarea {
min-block-size: 120px;
}
Maximum Characters Counter
When enabled, a counter appears using .charleft and .ginput_counter. Warning state uses .warningTextareaInfo. Error state (TinyMCE only) uses .ginput_counter_error.
/* example: character counter styling – applies to all Orbital forms */
.gform-theme--framework .gfield--type-post_content .charleft,
.gform-theme--framework .gfield--type-post_content .ginput_counter {
--gf-ctrl-desc-color: #6b7280;
--gf-ctrl-desc-font-size: 14px;
margin-top: 8px;
}
/* example: character counter – applies just to form ID #112 */
.gform-theme--framework#gform_wrapper_112 .gfield--type-post_content .charleft {
--gf-ctrl-desc-color: #4b5563;
--gf-ctrl-desc-font-size: 13px;
}
Field Label
/* example: post body field label – applies to all Orbital forms */
.gform-theme--framework .gfield--type-post_content {
--gf-ctrl-label-color-primary: #1a365d;
--gf-ctrl-label-font-size-primary: 16px;
}
/* example: post body field label – applies just to form ID #112 */
.gform-theme--framework#gform_wrapper_112 .gfield--type-post_content {
--gf-ctrl-label-color-primary: #112337;
--gf-ctrl-label-font-size-primary: 18px;
}
Field Description
/* example: post body field description – applies to all Orbital forms */
.gform-theme--framework .gfield--type-post_content {
--gf-ctrl-desc-color: #6b7280;
--gf-ctrl-desc-font-size: 14px;
}
Use Case Examples
Post Body with Accent Border
/* example: post body field with accent border – applies to all Orbital forms */
.gform-theme--framework .gfield--type-post_content {
--gf-ctrl-border-color: #204ce5;
--gf-ctrl-border-color-hover: #044ad3;
--gf-ctrl-textarea-radius: 6px;
}
/* example: same – applies just to form ID #112 */
.gform-theme--framework#gform_wrapper_112 .gfield--type-post_content {
--gf-ctrl-border-color: #204ce5;
--gf-ctrl-textarea-radius: 6px;
}
Targeting a Specific Post Body Field
/* example: specific post body field by ID – applies just to form 112, field 4 */
.gform-theme--framework#gform_wrapper_112 #field_112_4 {
--gf-ctrl-bg-color: #f8fafc;
--gf-ctrl-label-color-primary: #0f172a;
--gf-ctrl-desc-color: #64748b;
--gf-ctrl-textarea-height: 200px;
}
Taller Post Body for Long-Form Content
/* example: taller textarea for post body fields – applies to all Orbital forms */
.gform-theme--framework .gfield--type-post_content {
--gf-ctrl-textarea-height: 250px;
--gf-ctrl-textarea-resize: vertical;
}
/* enable variable-based height */
.gform-theme--framework .gfield--type-post_content .ginput_container_textarea textarea {
min-block-size: 120px;
}
CSS API Reference
For full variable definitions, see the separate CSS API documentation.