The easiest way is to enable the default forms stylesheet ( I see it's not being output right now) and then use the CSS "gf_left_half" and "gf_right_half" helper classes to align them side by side.
even doing that, it looks like you'll need to do some other CSS tweaking to make it all look right
screenshot: http://bit.ly/qHW6jj
If you don't do that, you view the source to get the list item ID, then target just like the other examples. Here's a quick example.
[css]
body #gform_wrapper_1 #field_1_5 {
border: 1px solid red;
width: 55%;
float: left;
height: 160px;
}
body #gform_wrapper_1 #field_1_11 {
width: 40%;
float: left;
height: 165px;
}
screenshot: http://bit.ly/ptJTor
Posted 13 years ago on Wednesday August 10, 2011 |
Permalink