funeralfuturist
Member
Hi There,
I've added this text to my style sheet to make the fields small to fit the sidebar of this site when I add a form using the form widget:
http://www.haskettfh.com/penny-louise-charron/
#sidebar .ginput_container textarea { width: 250px; }
Any suggestions to pull in the size of the country field?
thanks
Try this - setting a maximum width on the select element
[css]
#r_sidebar .gform_wrapper select {
max-width: 155px!important;
}screenshot: http://bit.ly/pAwZsV
I also added this because the other fields were breaking out of the sidebar as well:
#r_sidebar .gform_wrapper input[type=text] {
width:155px;
}Another approach to the country drop down might be to remove those countries which have a lot of characters in the name.
32 Saint Vincent and the Grenadines
24 Northern Mariana Islands
24 Central African Republic
23 Virgin Islands, British
22 Bosnia and Herzegovina
21 Serbia and Montenegro
21 Sao Tome and Principe
21 Saint Kitts and Nevis
20 Virgin Islands, U.S.
20 United Arab Emirates
19 Trinidad and Tobago
19 Antigua and Barbuda
18 Dominican Republic
17 Equatorial Guinea
16 Papua New Guinea
16 Marshall Islands
15 Solomon IslandsI'm not sure what the geographical reach of your form is, but maybe it's an option to remove a couple of those longer countries.
You could also reduce the font size if you wanted to:
#r_sidebar .gform_wrapper select {
max-width:155px!important;
font-size:10px;
}