Country Field in Sidebar Widget « Gravity Support Forums

Gravity Support Forums » Plugin Support » Gravity Forms

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

Posted 13 years ago on Monday August 8, 2011 | Permalink
Kevin Flahaut
Administrator
Try this - setting a maximum width on the select element
[css] #r_sidebar .gform_wrapper select { max-width: 155px!important; }
Copy
screenshot: http://bit.ly/pAwZsV
Posted 13 years ago on Monday August 8, 2011 | Permalink

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 Islands

I'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;
}

Posted 13 years ago on Monday August 8, 2011 | Permalink

funeralfuturist
Member

Kevin, that code worked perfectly.

And thanks for the extra info Chris, that'd good to know I can limit some of those countries.

Posted 13 years ago on Tuesday August 9, 2011 | Permalink

This topic has been resolved and has been closed to new replies.