Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Gravity Forms Image Choices - List Classes Styling
.image-choices-field.gf_list_1col,
.image-choices-field.gf_list_2col,
.image-choices-field.gf_list_3col,
.image-choices-field.gf_list_4col,
.image-choices-field.gf_list_5col,
.gform_wrapper .gfield.image-choices-field.gf_list_2col,
.gform_wrapper .gfield.image-choices-field.gf_list_3col,
.gform_wrapper .gfield.image-choices-field.gf_list_4col,
.gform_wrapper .gfield.image-choices-field.gf_list_5col {
margin-right: -2% !important;
}
.image-choices-field.gf_list_1col .image-choices-choice,
.image-choices-field.gf_list_2col .image-choices-choice,
.image-choices-field.gf_list_3col .image-choices-choice,
.image-choices-field.gf_list_4col .image-choices-choice,
.image-choices-field.gf_list_5col .image-choices-choice,
.gform_wrapper .gfield.image-choices-field.gf_list_2col li.image-choices-choice,
.gform_wrapper .gfield.image-choices-field.gf_list_3col li.image-choices-choice,
.gform_wrapper .gfield.image-choices-field.gf_list_4col li.image-choices-choice,
.gform_wrapper .gfield.image-choices-field.gf_list_5col li.image-choices-choice {
margin-right: 2% !important;
}
.image-choices-field.gf_list_1col .image-choices-choice,
.gform_wrapper .gfield.image-choices-field.gf_list_1col li.image-choices-choice {
width: 98% !important;
}
.image-choices-field.gf_list_2col .image-choices-choice,
.gform_wrapper .gfield.image-choices-field.gf_list_2col li.image-choices-choice {
width: 48% !important;
}
.image-choices-field.gf_list_3col .image-choices-choice,
.gform_wrapper .gfield.image-choices-field.gf_list_3col li.image-choices-choice {
width: 31% !important;
}
.image-choices-field.gf_list_4col .image-choices-choice,
.gform_wrapper .gfield.image-choices-field.gf_list_4col li.image-choices-choice {
width: 23% !important;
}
.image-choices-field.gf_list_5col .image-choices-choice,
.gform_wrapper .gfield.image-choices-field.gf_list_5col li.image-choices-choice {
width: 18% !important;
}
@media only screen and (max-width: 736px) {
.image-choices-field.gf_list_2col .image-choices-choice,
.image-choices-field.gf_list_3col .image-choices-choice,
.image-choices-field.gf_list_4col .image-choices-choice,
.image-choices-field.gf_list_5col .image-choices-choice,
.gform_wrapper .gfield.image-choices-field.gf_list_2col li.image-choices-choice,
.gform_wrapper .gfield.image-choices-field.gf_list_3col li.image-choices-choice,
.gform_wrapper .gfield.image-choices-field.gf_list_4col li.image-choices-choice,
.gform_wrapper .gfield.image-choices-field.gf_list_5col li.image-choices-choice {
width: 48% !important;
}
}
@media only screen and (max-width: 480px) {
.image-choices-field.gf_list_2col .image-choices-choice,
.image-choices-field.gf_list_3col .image-choices-choice,
.image-choices-field.gf_list_4col .image-choices-choice,
.image-choices-field.gf_list_5col .image-choices-choice,
.gform_wrapper .gfield.image-choices-field.gf_list_2col li.image-choices-choice,
.gform_wrapper .gfield.image-choices-field.gf_list_3col li.image-choices-choice,
.gform_wrapper .gfield.image-choices-field.gf_list_4col li.image-choices-choice,
.gform_wrapper .gfield.image-choices-field.gf_list_5col li.image-choices-choice {
width: 98% !important;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment