https://legacy.forums.gravityhelp.com/topic/how-to-change-css Gravity Support Forums Topic: How to Change CSS en-US Wed, 22 Apr 2026 11:14:42 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/how-to-change-css#post-67619 Mon, 23 Jul 2012 20:07:32 +0000 Chris Hajer 67619@https://legacy.forums.gravityhelp.com/ <p>Styling of drop downs is sometimes difficult. It's a browser function and differs between browsers and platforms. There are some things you can change. Please see here for a discussion: <a href="http://bavotasan.com/2011/style-select-box-using-only-css/" rel="nofollow">http://bavotasan.com/2011/style-select-box-using-only-css/</a></p> <p>For other elements I would look in the source of the rendered page and find the actual markup for the element you want to style. I was going to post an example of how to style checkboxes or radio buttons in your form, but those elements are not present :-)</p> <p>Start poking around and experimenting. Be sure to add your styles to the theme's style.css and not modify any of the plugin files. Post an example of what you are having difficulty styling and we will help you out. </p> https://legacy.forums.gravityhelp.com/topic/how-to-change-css#post-67615 Mon, 23 Jul 2012 19:49:50 +0000 khartje 67615@https://legacy.forums.gravityhelp.com/ <p>Thank you. That's exactly what I was looking for. That's a very useful reference!</p> <p>I didn't see the element for dropdown choices. I'd like to make those darker. Can you give me the element for those? Will this be the same element for radio or checkbox choices, as well?</p> <p>Thanks!</p> <p>Kaleb </p> https://legacy.forums.gravityhelp.com/topic/how-to-change-css#post-67599 Mon, 23 Jul 2012 17:46:08 +0000 Chris Hajer 67599@https://legacy.forums.gravityhelp.com/ <p>Take a look here:<br /> <a href="http://www.gravityhelp.com/gravity-forms-css-visual-guide/" rel="nofollow">http://www.gravityhelp.com/gravity-forms-css-visual-guide/</a></p> <p>The other thing you can do it look at the source of the page when the form is rendered. You can see the specific or general elements you want to target in the source. </p> https://legacy.forums.gravityhelp.com/topic/how-to-change-css#post-67594 Mon, 23 Jul 2012 17:16:00 +0000 khartje 67594@https://legacy.forums.gravityhelp.com/ <p>That's awesome. What are the other .gform_wrappers called? Do you have a list of them somewhere (i.e. for Name, Email, etc.)? The URL you can check out is <a href="http://schoolboost.org/donate" rel="nofollow">http://schoolboost.org/donate</a>.</p> <p>Thanks again!</p> <p>Kaleb </p> https://legacy.forums.gravityhelp.com/topic/how-to-change-css#post-67554 Mon, 23 Jul 2012 14:19:15 +0000 Chris Hajer 67554@https://legacy.forums.gravityhelp.com/ <p>You cannot change the output of the plugin like that. The h3 is output by the Gravity Forms plugin. You would style the h3 element in your theme's stylesheet to look like the existing h5 element style you like. To target just the h3 elements in the Gravity Form, not all h5 elements on your site, the rules you add to your theme's style.css would look like this:</p> <pre><code>[css] .gform_wrapper h3 { color: red; font-weight: 700; font-size: 15px; }</code></pre> <p>However, please post a link to your site with the Gravity Form in use and we'll help you with the exact CSS. </p> https://legacy.forums.gravityhelp.com/topic/how-to-change-css#post-67552 Mon, 23 Jul 2012 13:39:18 +0000 khartje 67552@https://legacy.forums.gravityhelp.com/ <p>Hello,</p> <p>I just purchased Gravity Forms and I'm wondering how I can change the default CSS. I notice that there's a CSS Class Name option in the Advanced area, but what am I supposed to put there?</p> <p>For instance, the email field is currently using the h3 element and I'd like for it to use the h5. What do I enter to change that?</p> <p>Thanks!</p> <p>Kaleb </p>