Breaking News: Grepper is joining You.com. Read the official announcement!

gravity forms css classes

Dionoh answered on February 17, 2022 Popularity 9/10 Helpfulness 8/10

answer gravity forms css classes

related gravity form css

gravity forms css classes

Comment

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

Popularity 9/10 Helpfulness 8/10 Language css

Source: www.gravityforms.com

Tags: css forms gravity

Link to this answer
Share Copy Link

Contributed on Sep 01 2022

Dionoh

0 Answers Avg Quality 2/10

Closely Related Answers

gravity form css

Comment

// 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' );

Popularity 9/10 Helpfulness 1/10 Language css

Source: Grepper

Tags: gravity css grav

Link to this answer
Share Copy Link

Contributed on Feb 17 2022

D Goglia

0 Answers Avg Quality 2/10

gravity forms css classes

Contents

More Related Answers

gravity forms css classes

Closely Related Answers

gravity form css

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.