im makeing a check box with over 20 different items in the field but they are all displayed in one row making my page very long is there a way to make it so they are like 5x5 like
xxxxx
xxxxx
xxxxx
instead of
x
x
x
x
x
x
x
http://wearthetop.com/wear-ur-own/ go to second page to see the problem
This should help you out:
http://www.gravityhelp.com/documentation/page/CSS_Ready_Classes
with this would i have to make 3 check box list? cause mine only has one field for custom CSS not 2 or 3.
That's the beauty of classes, you can combine them. If you wanted a 5 column - you could use:
gf_list_5col
If you wanted to combine that with another class, you could put:
gf_list_5col customclassname
Does that help?
why yes, yes it does, but when i get the code to work is disorients my pictures... like adds weird borders to them
http://wearthetop.com/wear-ur-own/ click next or submit to second page to see
This style in your theme's styleshee is causing your border:
[css]
.entry img, img.thumbnail {
border: 7px solid white;
box-shadow: 0 4px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 0 4px 2px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 4px 2px rgba(0,0,0,0.2);
max-width: 100%;
}You can get rid of that with:
[css]
.gform_wrapper ul.gfield_checkbox img {
border: 0;
}Then change your ready class to the gf_list_4col and that should work out better for you.
Thank you sir once again worked like a charm!
Right on my friend! Glad to help.