https://legacy.forums.gravityhelp.com/topic/inside-shadow-on-fields Gravity Support Forums Topic: Inside Shadow on fields en-US Mon, 20 Apr 2026 02:50:12 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/inside-shadow-on-fields#post-49032 Fri, 10 Feb 2012 15:46:36 +0000 Rob Harrell 49032@https://legacy.forums.gravityhelp.com/ <p>Awesome! Glad to help. </p> https://legacy.forums.gravityhelp.com/topic/inside-shadow-on-fields#post-49019 Fri, 10 Feb 2012 13:33:08 +0000 rlpartida 49019@https://legacy.forums.gravityhelp.com/ <p>thanks Rob!</p> <p>That was perfect! </p> https://legacy.forums.gravityhelp.com/topic/inside-shadow-on-fields#post-49015 Fri, 10 Feb 2012 13:20:54 +0000 Rob Harrell 49015@https://legacy.forums.gravityhelp.com/ <p>No problem, replace this block you have below with the one below:</p> <pre><code>[css] body .gform_wrapper .gform_body .gform_fields .gfield input[type=&quot;text&quot;], body .gform_wrapper .gform_body .gform_fields .gfield input[type=&quot;email&quot;], body .gform_wrapper .gform_body .gform_fields .gfield input[type=&quot;url&quot;], body .gform_wrapper .gform_body .gform_fields .gfield input[type=&quot;tel&quot;], body .gform_wrapper .gform_body .gform_fields .gfield input[type=&quot;password&quot;], body .gform_wrapper .gform_body .gform_fields .gfield select, body .gform_wrapper .gform_body .gform_fields .gfield textarea { background-color: white; color: #333; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 0 0 8px #333; -moz-box-shadow: inset 0 0 8px #333; box-shadow: inset 0 0 8px #333; }</code></pre> <p>You can obviously tinker with the values there. </p> https://legacy.forums.gravityhelp.com/topic/inside-shadow-on-fields#post-49014 Fri, 10 Feb 2012 13:16:25 +0000 rlpartida 49014@https://legacy.forums.gravityhelp.com/ <p>Hey Rob,</p> <p>I really appreciate your help... here is the link to the test site:</p> <p>Thanks! </p> https://legacy.forums.gravityhelp.com/topic/inside-shadow-on-fields#post-49013 Fri, 10 Feb 2012 13:12:03 +0000 Rob Harrell 49013@https://legacy.forums.gravityhelp.com/ <p>Well, you are either going to have to create an image to set as a background, or use CSS3 box shadow (inset), which you can generate here:</p> <p><a href="http://css3generator.com/" rel="nofollow">http://css3generator.com/</a></p> <p>You can find more structural information about design and styling here:</p> <p><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>If you get stuck, post a link to your form and we can help you with the selectors to use based on your form's needs. You can also use Chrome Developer Tools or Firebug for Firefox to inspect and find the classes/ids/html to use where needed. </p> https://legacy.forums.gravityhelp.com/topic/inside-shadow-on-fields#post-49008 Fri, 10 Feb 2012 12:55:12 +0000 rlpartida 49008@https://legacy.forums.gravityhelp.com/ <p>First of all! Just bought GF and it is just very easy to configure the forms! Thanks for the product and support!</p> <p>Now, I want to include some shadows inside the fileds, such as this form:</p> <p><a href="http://www.bluefountainmedia.com/raq-form-v2" rel="nofollow">http://www.bluefountainmedia.com/raq-form-v2</a></p> <p>I'll appreciate if someone helps me with the css I need to update? </p> <p>Thanks! </p>