https://legacy.forums.gravityhelp.com/topic/beginner-question-css-stylesheets-etc Gravity Support Forums Topic: Beginner Question CSS / Stylesheets Etc. en-US Sat, 04 Apr 2026 11:50:27 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/beginner-question-css-stylesheets-etc#post-55677 Wed, 18 Apr 2012 11:36:24 +0000 David Peralty 55677@https://legacy.forums.gravityhelp.com/ <p>Glad Rob was able to sort all that out for you. </p> https://legacy.forums.gravityhelp.com/topic/beginner-question-css-stylesheets-etc#post-55675 Wed, 18 Apr 2012 11:25:17 +0000 jphogan 55675@https://legacy.forums.gravityhelp.com/ <p>Perfect! Thank you!<br /> And thanks for including those links. </p> https://legacy.forums.gravityhelp.com/topic/beginner-question-css-stylesheets-etc#post-55666 Wed, 18 Apr 2012 10:46:55 +0000 Rob Harrell 55666@https://legacy.forums.gravityhelp.com/ <p>Drop Downs in HTML are referred to as a "select" element. So you can target it via:</p> <pre><code>[css] .gform_wrapper select {}</code></pre> <p>Here is our documentation on our selectors and such:<br /> <a href="http://www.gravityhelp.com/documentation/page/Design_and_Layout" rel="nofollow">http://www.gravityhelp.com/documentation/page/Design_and_Layout</a></p> <p>For a general guide you could reference this page which has a bunch of stuff on it:<br /> <a href="http://www.gravityhelp.com/other-resources/" rel="nofollow">http://www.gravityhelp.com/other-resources/</a> </p> https://legacy.forums.gravityhelp.com/topic/beginner-question-css-stylesheets-etc#post-55663 Wed, 18 Apr 2012 10:41:48 +0000 jphogan 55663@https://legacy.forums.gravityhelp.com/ <p>Your solution worked perfectly, however I am now doing another form and the State drop-down and another custom drop-down aren't affected by this. What input type (ex. "tel", "password") do I need to use to target those? Is there a list somewhere online with the input types? Thanks again for your help. </p> <p>See form here: <a href="http://iamsinc.com/blog/academyregistration/" rel="nofollow">http://iamsinc.com/blog/academyregistration/</a> (State and "Marketer" drop-down are white rather than gray) </p> https://legacy.forums.gravityhelp.com/topic/beginner-question-css-stylesheets-etc#post-54662 Mon, 09 Apr 2012 16:46:41 +0000 Rob Harrell 54662@https://legacy.forums.gravityhelp.com/ <p>That's due to your theme:</p> <pre><code>[css] input[type=&quot;text&quot;], input[type=&quot;password&quot;], textarea { background: #FAFAFA; -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); border: 1px solid #DDD; color: #888; }</code></pre> <p>It's only targeting inputs with the type of text and password. You can extend that to allow for the other input types if you wish. For example, the phone input is type="tel" and the email is type="email". So you can just adjust your theme's styles accordingly.</p> <p>As for the other piece, you should be able to add padding to the wrapper to provide some cushion. </p> https://legacy.forums.gravityhelp.com/topic/beginner-question-css-stylesheets-etc#post-54642 Mon, 09 Apr 2012 13:20:56 +0000 jphogan 54642@https://legacy.forums.gravityhelp.com/ <p>Also, can you tell me why it seems like the Phone Number and Email Address fields are outlined and have a white fill while the Name and Additional Comments don't seem to be outlined and seem to have a gray fill? Thanks! </p> https://legacy.forums.gravityhelp.com/topic/beginner-question-css-stylesheets-etc#post-54641 Mon, 09 Apr 2012 13:15:31 +0000 jphogan 54641@https://legacy.forums.gravityhelp.com/ <p>The way the form is inside the gray wrapper now, everything starts immediately at the left margin. I would like to see what it looks like centered in the gray box and/or pad some of the margins on the left-hand side so it's not right on the border. Thank you again </p> https://legacy.forums.gravityhelp.com/topic/beginner-question-css-stylesheets-etc#post-54443 Fri, 06 Apr 2012 09:52:21 +0000 Rob Harrell 54443@https://legacy.forums.gravityhelp.com/ <p>Correct, you can just change the ID number and then hex color.</p> <p>Can you sketch out your ultimate goal for the form in terms of the alignment. I mean you can use padding/margin on various elements to push things off to the right.</p> <p>You could also you the left align label placement to take up some more of the space. </p> https://legacy.forums.gravityhelp.com/topic/beginner-question-css-stylesheets-etc#post-54412 Thu, 05 Apr 2012 18:11:55 +0000 jphogan 54412@https://legacy.forums.gravityhelp.com/ <p>You're absolutely right. Thanks for pointing that out. </p> <p>In the future, if I want to add a custom color to another form, do I simply change the number on the #gform_wrapper line to match the ID number of the form? </p> <p>Also, what do I need to do so the text of the form and the fields aren't right on the left-hand side of the box. I appreciate your help. Thank you </p> https://legacy.forums.gravityhelp.com/topic/beginner-question-css-stylesheets-etc#post-54408 Thu, 05 Apr 2012 17:36:17 +0000 Rob Harrell 54408@https://legacy.forums.gravityhelp.com/ <p>No problem at all, glad to help out. It looks like you must be cached, I can see your changes alright:</p> <p><a href="http://grab.by/cXsU" rel="nofollow">http://grab.by/cXsU</a> </p>