https://legacy.forums.gravityhelp.com/topic/put-small-fields-together-as-comb Gravity Support Forums Topic: put small fields together as comb? en-US Mon, 20 Apr 2026 02:55:39 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/put-small-fields-together-as-comb#post-202874 Tue, 09 Apr 2013 16:49:38 +0000 Richard Vav 202874@https://legacy.forums.gravityhelp.com/ <p>You're welcome </p> https://legacy.forums.gravityhelp.com/topic/put-small-fields-together-as-comb#post-202872 Tue, 09 Apr 2013 16:46:55 +0000 pedro67 202872@https://legacy.forums.gravityhelp.com/ <p>thanks richard - superb! </p> https://legacy.forums.gravityhelp.com/topic/put-small-fields-together-as-comb#post-202861 Tue, 09 Apr 2013 16:34:12 +0000 Richard Vav 202861@https://legacy.forums.gravityhelp.com/ <p>Sorry missed that it was part of the address field, so lets go to plan c which involves using the original css but removing the gradient which breaks it, the only problem with it is not all browsers will respect styling drop downs which is why javascript methods are often used.<br /> <pre><code>.gform_wrapper select { padding: 10px 8px 8px; background: #1f1b1a; /* Old browsers */ border: none; color: #fff; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; box-shadow: 0 1px 0 rgba(255,255,255,0.2), 0 0 1px rgba(255,255,255,0.1); -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.2), 0 0 1px rgba(255,255,255,0.1); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.2), 0 0 1px rgba(255,255,255,0.1); }</code></pre> https://legacy.forums.gravityhelp.com/topic/put-small-fields-together-as-comb#post-202860 Tue, 09 Apr 2013 16:30:18 +0000 pedro67 202860@https://legacy.forums.gravityhelp.com/ <p>got it - where to change the css? </p> https://legacy.forums.gravityhelp.com/topic/put-small-fields-together-as-comb#post-202858 Tue, 09 Apr 2013 16:21:59 +0000 pedro67 202858@https://legacy.forums.gravityhelp.com/ <p>ahh ok - I don not have this option in the box for adress </p> https://legacy.forums.gravityhelp.com/topic/put-small-fields-together-as-comb#post-202849 Tue, 09 Apr 2013 16:08:30 +0000 Richard Vav 202849@https://legacy.forums.gravityhelp.com/ <p>If you edit the drop down field on the properties tab you should find a check box for 'enable enhanced user interface' <a href="http://imgur.com/6gdTedv" rel="nofollow">http://imgur.com/6gdTedv</a></p> <p>This will activate a script that will replace the standard drop down with a more developer friendly drop down that is much more customisable. It already has a white/gray gradient background but we can change that to match your darker grey gradient. </p> https://legacy.forums.gravityhelp.com/topic/put-small-fields-together-as-comb#post-202840 Tue, 09 Apr 2013 15:58:44 +0000 pedro67 202840@https://legacy.forums.gravityhelp.com/ <p>wonderful - the first big code worked fine- just the select field is not changing as mentioned.</p> <p>What do you mean with "enabling the enhanced interface"?<br /> Where to change that?<br /> If I use the the advanced field I just can add some css there </p> https://legacy.forums.gravityhelp.com/topic/put-small-fields-together-as-comb#post-202804 Tue, 09 Apr 2013 15:12:37 +0000 David Peralty 202804@https://legacy.forums.gravityhelp.com/ <p>In your style.css file, line 150, you have:</p> <pre><code>input[type=text], textarea {</code></pre> <p>Can you change it to:</p> <pre><code>input[type=text], textarea,.gform_wrapper input[type=url], .gform_wrapper input[type=email], .gform_wrapper input[type=tel], .gform_wrapper input[type=number], .gform_wrapper input[type=password]</code></pre> <p>And see if that gets you closer to what you want? </p> https://legacy.forums.gravityhelp.com/topic/put-small-fields-together-as-comb#post-202802 Tue, 09 Apr 2013 15:11:03 +0000 Richard Vav 202802@https://legacy.forums.gravityhelp.com/ <p>Sorry I misunderstood which fields you want to change the styles for, if you want all your fields to have the grey gradient background with rounded corners and white text then the css below should do it, I have copied the styles from your stylesheet. The only field this won't change is the select field which every browser handles differently so you might be better editing that dropdown field and enabling the enhanced interface which you can have more control over and then change the background gradient to match your other fields.<br /> <pre><code>.gform_wrapper input[type=text], .gform_wrapper input[type=url], .gform_wrapper input[type=email], .gform_wrapper input[type=tel], .gform_wrapper input[type=number], .gform_wrapper input[type=password], .gform_wrapper textarea { padding: 10px 8px 8px; background: #1f1b1a; /* Old browsers */ border: none; color: #fff; background: -moz-linear-gradient(top, #1f1b1a 0%, #332e28 76%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1f1b1a), color-stop(76%,#332e28)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #1f1b1a 0%,#332e28 76%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #1f1b1a 0%,#332e28 76%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #1f1b1a 0%,#332e28 76%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=&#39;#1f1b1a&#39;, endColorstr=&#39;#332e28&#39;,GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #1f1b1a 0%,#332e28 76%); /* W3C */ border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; box-shadow: 0 1px 0 rgba(255,255,255,0.2), 0 0 1px rgba(255,255,255,0.1); -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.2), 0 0 1px rgba(255,255,255,0.1); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.2), 0 0 1px rgba(255,255,255,0.1); }</code></pre> https://legacy.forums.gravityhelp.com/topic/put-small-fields-together-as-comb#post-202792 Tue, 09 Apr 2013 15:02:30 +0000 pedro67 202792@https://legacy.forums.gravityhelp.com/ <p>the fields should look like the css of the theme - like most fields are already. I don´t know why the other fields do not pick up the css style </p>