Quantcast
Channel: CSS Selectors Archives - Gravity Forms Documentation
Viewing all articles
Browse latest Browse all 35

Single Line Text Field CSS Selectors

$
0
0

Container

  • example: single line text field container (div) – applies to all forms
    body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_text {border: 1px solid red}
    
  • example: single line text field container (div) – applies just to form ID #1
    body #gform_wrapper_1 .gform_body .gform_fields .gfield .ginput_container_text {border: 1px solid red}
    
  • example: single line text field container (div) – applies just to specific indicator (based on the unique parent element ID – replace “XX_X” with your actual element ID)
    body .gform_wrapper .gform_body .gform_fields  #field_XX_X.gfield .ginput_container_text {border: 1px solid red}
    

Input

  • example: standard text field (input) – applies to all forms
    body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_text input[type=text] {border: 1px solid red}
    
  • example: standard text field (input) – applies just to form ID #1
    body #gform_wrapper_1 .gform_body .gform_fields .gfield .ginput_container_text input[type=text] {border: 1px solid red}
    
  • example: standard text field (input) – applies just to specific text field (based on the unique parent element ID – replace “XX_X” with your actual element ID)
    body .gform_wrapper .gform_body .gform_fields #field_XX_X.gfield .ginput_container_text input[type=text] {border: 1px solid red}
    

Maximum Characters Counter

  • example: standard text field (input) – applies to all forms
    body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_text .charleft {border: 1px solid red}
    
  • example: standard text field (input) – applies just to form ID #1
    body #gform_wrapper_1 .gform_body .gform_fields .gfield .ginput_container_text .charleft {border: 1px solid red}
    
  • example: standard text field (input) – applies just to specific text field (based on the unique parent element ID – replace “XX_X” with your actual element ID)
    body .gform_wrapper .gform_body .gform_fields #field_XX_X.gfield .ginput_container_text .charleft {border: 1px solid red}
    

The post Single Line Text Field CSS Selectors appeared first on Gravity Forms Documentation.


Viewing all articles
Browse latest Browse all 35

Trending Articles