There is a visual CSS guide that we make available for reference.
http://www.gravityhelp.com/documentation/visual-css-guide/
The differences that I guess you refer to probably are just because of different containing elements and the way they are targeted in the CSS. For example, a lot of theme authors add styling like this..
input[type=text] {color:red}
and call it a day. In actuality, there are several other field types that won't inherit from this rule - tel, url, email, etc.
We try to cover as much as we can with the default styles, but it's always going to vary somewhat based on what styles are inherited directly from the theme.
To answer you other question, no, there's not really one "simple way" to create 2 columns everywhere. It depends on the types of fields that you want to break into columns, etc.
Usually, you adjust the width & float the first containing <li > element and then every other one to create the 2 columns. You just have to get those li id's and then apply everything properly. It takes some tweaking and is generally form-specific.
example from your form
/* --- reset the width of the containing list items --*/
li#field_1_6, li#field_1_4 {width:50%}
/* --- float just the left one & the right will float up automatically --*/
li#field_1_6 {float:left}
screenshot
Now, another note, you'll see that because we reduced the width on the containing list item, the input is smaller (the widths are defined in percentages) so you may have to tweak those values a bit to get them where you want them.
Posted 13 years ago on Sunday September 12, 2010 |
Permalink
