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 Tags field allows users to submit tags for a post. It renders a text input (input[type="text"]) and a hint message (“Separate tags with commas”).
The structure uses .ginput_container_post_tags. The hint appears in .gfield_post_tags_hint.
For full variable definitions, see the CSS API documentation.
Container
The Post Tags field uses .gfield, .gfield--type-post_tags, and .ginput_container_post_tags. Each field includes an ID in the format field_{form_id}_{field_id}. Example: field_5_3.
Input
The Post Tags input is input[type="text"].
/* example: Post Tags input styling – applies to all Orbital forms */
.gform-theme--framework .gfield--type-post_tags {
--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-font-size: 16px;
}
/* example: Post Tags input – applies just to form ID #112 */
.gform-theme--framework#gform_wrapper_112 .gfield--type-post_tags {
--gf-ctrl-bg-color: #ffffff;
--gf-ctrl-border-color: #d2d5db;
--gf-ctrl-font-size: 14px;
}
/* example: input width */
.gform-theme--framework .gfield--type-post_tags input[type="text"] {
max-width: 100%;
}
Hint (Separate Tags with Commas)
The hint appears in .gfield_post_tags_hint.
/* example: Post Tags hint – applies to all Orbital forms */
.gform-theme--framework .gfield--type-post_tags .gfield_post_tags_hint {
--gf-ctrl-desc-color: #6b7280;
--gf-ctrl-desc-font-size: 13px;
}
/* example: Post Tags hint – applies just to form ID #112 */
.gform-theme--framework#gform_wrapper_112 .gfield--type-post_tags .gfield_post_tags_hint {
--gf-ctrl-desc-font-size: 12px;
}
Field Label
/* example: Post Tags field label – applies to all Orbital forms */
.gform-theme--framework .gfield--type-post_tags {
--gf-ctrl-label-color-primary: #1a365d;
--gf-ctrl-label-font-size-primary: 16px;
}
/* example: Post Tags field label – applies just to form ID #112 */
.gform-theme--framework#gform_wrapper_112 .gfield--type-post_tags {
--gf-ctrl-label-color-primary: #112337;
--gf-ctrl-label-font-size-primary: 18px;
}
Field Description
/* example: Post Tags field description – applies to all Orbital forms */
.gform-theme--framework .gfield--type-post_tags {
--gf-ctrl-desc-color: #6b7280;
--gf-ctrl-desc-font-size: 14px;
}
Use Case Examples
Post Tags Container with Accent Border
/* example: Post Tags field with accent border – applies to all Orbital forms */
.gform-theme--framework .gfield--type-post_tags {
--gf-ctrl-border-color: #204ce5;
--gf-ctrl-radius: 6px;
}
/* example: same – applies just to form ID #112 */
.gform-theme--framework#gform_wrapper_112 .gfield--type-post_tags {
--gf-ctrl-border-color: #044ad3;
}
Targeting a Specific Post Tags Field
/* example: specific Post Tags field – applies just to form 112, field 4 */
.gform-theme--framework#gform_wrapper_112 #field_112_4 {
--gf-ctrl-label-color-primary: #0f172a;
--gf-ctrl-desc-color: #64748b;
--gf-ctrl-border-color: #e2e8f0;
padding: 16px;
}
CSS API Reference
For full variable definitions, see the separate CSS API documentation.