Search
 
SCRIPT & CODE EXAMPLE
 
CODE EXAMPLE FOR CSS

gravity forms css classes

/*Class Names for Gravity Forms*/

/*Halves (2 Columns)*/
gf_left_half
gf_right_half

/*Thirds (3 Columns)*/
gf_left_third
gf_middle_third
gf_right_third

/*List Classes*/
gf_list_2col
gf_list_3col
gf_list_4col
gf_list_5col
gf_list_inline
gf_list_height_25
gf_list_height_50
gf_list_height_75
gf_list_height_100
gf_list_height_125
gf_list_height_150

/*Other Classes*/
gf_scroll_text
gf_hide_ampm
gf_hide_charleft


/*
Can I use multiple classes on the same field?

Yes, you can use multiple classes together. 
Just separate each class name by a space. 
Note: This doesn’t work for all of the styles, 
but many can be combined if they’re applicable 
to the field type. For example, you may have a 
2 column primary layout, and want to use 2 column list 
layouts within the columns.


Can I create my own classes?

Yes, the classes are added to the parent <li> element
surrounding a field so you can define your own class name
and add your own rules to your theme stylesheet based on
that class name being added to the field.
*/
Source by www.gravityforms.com #
 
PREVIOUS NEXT
Tagged: #gravity #forms #css #classes
ADD COMMENT
Topic
Name
6+1 =