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.
*/

gravity form css

// Add custom css: quick buttons and accordion at the top of the GravityWP - CSS Selector modal
function my_custom_gwp_css_selector_add_css() {
    $html .= "<div class='gwp_quick_links'>
    <a class='gwp_css_link' href='#' rel='css_class' title='Insert css_class'>Custom CSS</a>
    <a class='gwp_css_link' href='#' rel='css_class_2' title='Insert css_class_2'>2nd Custom CSS</a></div>
    <li>
    <a class='gwp_css_acc_link' href='#'>Custom CSS</a>
    <div class='gwp_css_accordian'>
    <a class='gwp_css_link' href='#' rel='css_class_3' title='Insert css_class_3'>3rd Custom CSS</a>
    <a class='gwp_css_link' href='#' rel='css_class_4' title='Insert css_class_4'>4th Custom CSS</a>
    </div>
    </li>";
    return $html;
}
add_filter( 'gwp_css_selector_add_custom_css', 'my_custom_gwp_css_selector_add_css' );