Hi
I've been using the gf_inline command to align fields horizontally
The problem is, it makes the drop down menus very small (width)
even if the width of the drop down is set to medium or large, when aligned using gf_inline they become too small
please see
http://lantaluxuryvillas.com/private-minivan-transfer-to-koh-lanta/
and look at the 3 aligned drop downs
"adults"
"children 2-12"
"children under 2"
the widths are set to medium, but as you can see, they com out tiny
When you use the "gf_inline" ready class, the field widths have to be set to "auto" which means that the field is only as large as the content it contains. It's a generic class and it has to be this way for it to work as intended across a large variety of fields. Also, looking at your source code, it appears the fields are set to "small" as that class is being applied.
screenshot: http://i.imgur.com/5FALJ.png
If you want to override that, you'll need to view the source and grab the ids of the individual selects, then add some new, more specific CSS to set a defined pixel width. Something like this..
[css]
body .gform_body ul.gform_fields li.gfield div.ginput_container select#input_1_34 {
width: 100px !important
}screenshot: http://i.imgur.com/H0TN9.png
Hi Kevin
thanks...I think I can do that
in your code example, which is the name of the individual select?
The #input_1_34 is the individual field ID that he is changing. You can find this by doing an inspect or view source and finding the drop downs.
thats perfect, thanks!
can the radio buttons be aligned next to each other instead of in a vertical list?
