https://legacy.forums.gravityhelp.com/topic/cant-figure-out-how-to-use-my-themes-style Gravity Support Forums Topic: Can't figure out how to use my themes style? en-US Wed, 22 Apr 2026 00:25:36 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/cant-figure-out-how-to-use-my-themes-style#post-43660 Sat, 10 Dec 2011 16:03:15 +0000 Rob Harrell 43660@https://legacy.forums.gravityhelp.com/ <p>Awesome, glad to help out! </p> https://legacy.forums.gravityhelp.com/topic/cant-figure-out-how-to-use-my-themes-style#post-43659 Sat, 10 Dec 2011 16:01:00 +0000 Chrjy 43659@https://legacy.forums.gravityhelp.com/ <p>Thanks Rob, looks just as I expected. </p> https://legacy.forums.gravityhelp.com/topic/cant-figure-out-how-to-use-my-themes-style#post-43652 Sat, 10 Dec 2011 14:45:42 +0000 Rob Harrell 43652@https://legacy.forums.gravityhelp.com/ <p>To add spacing between each field (li) you can place this in your theme's style sheet:</p> <pre><code>[css] .gform_wrapper ul li.gfield { margin-bottom: 10px; }</code></pre> <p>To add the font-family you are using you could also add:</p> <pre><code>[css] .gform_wrapper .top_label .gfield_label { font-family: &quot;Helvetica Neue&quot;, Arial, sans-serif; }</code></pre> <p>Then if you want to add some padding on the inputs you could do:</p> <pre><code>[css] body .gform_wrapper .gform_body .gform_fields .gfield input[type=text], body .gform_wrapper .gform_body .gform_fields .gfield input[type=email], body .gform_wrapper .gform_body .gform_fields .gfield input[type=tel], body .gform_wrapper .gform_body .gform_fields .gfield input[type=url], body .gform_wrapper .gform_body .gform_fields .gfield input[type=number], body .gform_wrapper .gform_body .gform_fields .gfield input[type=password], body .gform_wrapper .gform_body .gform_fields .gfield select { padding:5px; }</code></pre> https://legacy.forums.gravityhelp.com/topic/cant-figure-out-how-to-use-my-themes-style#post-43650 Sat, 10 Dec 2011 14:32:56 +0000 Chrjy 43650@https://legacy.forums.gravityhelp.com/ <p>Thanks Rob. I turned it off to try and override the gravity forms CSS and use the themes CSS. Basically that made the form fields consistent with the contact page but of course the spacing is all incorrect. I've now turned it back on but it just uses the gravity form styling. </p> https://legacy.forums.gravityhelp.com/topic/cant-figure-out-how-to-use-my-themes-style#post-43649 Sat, 10 Dec 2011 14:23:33 +0000 Rob Harrell 43649@https://legacy.forums.gravityhelp.com/ <p>I'm not seeing the Gravity Forms CSS in your page. Do you have the option checked in your settings to output the CSS? That will be the first place to start then we can look at how the styles show afterwards.</p> <p><a href="http://www.gravityhelp.com/documentation/page/Settings_Page" rel="nofollow">http://www.gravityhelp.com/documentation/page/Settings_Page</a></p> <p>You'll also find a lot of direction to what you are looking to do here:</p> <p><a href="http://www.gravityhelp.com/frequently-asked-questions/faq-styling-formatting/" rel="nofollow">http://www.gravityhelp.com/frequently-asked-questions/faq-styling-formatting/</a> </p> https://legacy.forums.gravityhelp.com/topic/cant-figure-out-how-to-use-my-themes-style#post-43648 Sat, 10 Dec 2011 14:18:58 +0000 Chrjy 43648@https://legacy.forums.gravityhelp.com/ <p>I've downloaded Gravity Forms but can't seem to figure out how to make my form consistent with the contact page. The contact page form was already there and part of the theme, it can be seen at:<br /> <a href="http://dev.velvetrockapps.com/velvetrockapps/contact/" rel="nofollow">http://dev.velvetrockapps.com/velvetrockapps/contact/</a></p> <p>All I want is the same spacing between the form fields, the same font and to remove the black bullet points to the left of the form fields on the support page which can be seen at:<br /> <a href="http://dev.velvetrockapps.com/velvetrockapps/support/" rel="nofollow">http://dev.velvetrockapps.com/velvetrockapps/support/</a></p> <p>Thanks for any help with this. </p>