https://legacy.forums.gravityhelp.com/topic/changing-style-of-form-title-and-description-text Gravity Support Forums Topic: Changing Style of Form Title and Description Text en-US Mon, 20 Apr 2026 10:12:27 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/changing-style-of-form-title-and-description-text#post-11439 Wed, 20 Oct 2010 17:15:36 +0000 Carl Hancock 11439@https://legacy.forums.gravityhelp.com/ <p>Change the code that you have to this:</p> <pre><code>.gform_footer .button {background-color: #933f40; color: #FFFFFF;} .gform_title {font-family:arial!important; color: #933f40!important;} .gfield_description {font-size: 12px!important;}</code></pre> <p>The issue with the form title is you need to use the !important declaration to override what is already being set on the H3 elsewhere in your stylesheet.</p> <p>The issue with the description is you said form description when you really meant field description. So instead of targeting gform_description you need to target gfield_description. </p> https://legacy.forums.gravityhelp.com/topic/changing-style-of-form-title-and-description-text#post-11437 Wed, 20 Oct 2010 16:48:22 +0000 tasseyrusso 11437@https://legacy.forums.gravityhelp.com/ <p>Hmm, tried this new code and code placement in the CSS but still no change to font style and/or color. Might another code sequence work or could there be another problem, e.g. a handshake between the main theme css and the form.css? </p> https://legacy.forums.gravityhelp.com/topic/changing-style-of-form-title-and-description-text#post-11434 Wed, 20 Oct 2010 15:47:07 +0000 Kevin Flahaut 11434@https://legacy.forums.gravityhelp.com/ <p>Looks to me like the button rules worked but not the others.</p> <p>Try this instead. There were a couple of problems with your CSS.</p> <p>Also, It's always best practice to add the new custom styles to the end of your theme's CSS file. That way, they will hopefully override any previous rules set earlier in the file.</p> <pre><code>.gform_footer .button {background-color: #933f40; color: #FFFFFF;} h3.gform_title {font-family:arial, sans-serif; color: #933f40;} .gform_description {font-size: 12px;}</code></pre> https://legacy.forums.gravityhelp.com/topic/changing-style-of-form-title-and-description-text#post-11432 Wed, 20 Oct 2010 15:32:59 +0000 tasseyrusso 11432@https://legacy.forums.gravityhelp.com/ <p>Tried to put these two code lines in my CSS but absolutely nothing happened on the form. Here is the code that I added for .gform_title and .gform_description (footer code was changed at another point and does work):</p> <p>/***** Gravity Forms Mods ********************/</p> <p>.gform_footer .button {background-color: #933f40; color: #FFFFFF;<br /> }</p> <p>.gform_title {font-face: arial; font-color: #933f40;<br /> }</p> <p>.gform_description {font-size: 12;<br /> } </p> <p>I put it at the top of my CSS file and in exactly the form above. Did I miss something?</p> <p>Thanks so much for taking another look at this!</p> <p>URL: <a href="http://www.afullyengagedlife.com/free-stuff-selections" rel="nofollow">http://www.afullyengagedlife.com/free-stuff-selections</a> </p> https://legacy.forums.gravityhelp.com/topic/changing-style-of-form-title-and-description-text#post-11407 Tue, 19 Oct 2010 17:29:46 +0000 Carl Hancock 11407@https://legacy.forums.gravityhelp.com/ <p>The title is contained within an H3 tag and has the class gform_title applied to it. In order to target it with css you would use the gform_title class.</p> <p>For example:</p> <p><code>.gform_title {font-face: arial;}</code></p> <p>That would change the form title to use the arial font.</p> <p>The description gets output in a SPAN and has the class gform_description applied to it. In order to target it with css you would use the gform_description class.</p> <p>For example:</p> <p><code>.gform_description {font-face: arial;}</code></p> <p>That would change the form description to use the arial font.</p> <p>You would add this custom CSS to your theme stylesheet at the bottom of your CSS file.</p> <p>If you need to get the element, id or class names that Gravity Forms uses for various elements all you have to do is view the source of your page and look at the HTML that makes up the form.</p> <p>If you ever have a problem applying a style to an element you may have to use the !important declaration to force the style to override any existing styles that were applied elsewhere in your theme or plugin stylesheet.</p> <p>For example:</p> <p><code>.gform_title {font-face: arial!important;}</code> </p> https://legacy.forums.gravityhelp.com/topic/changing-style-of-form-title-and-description-text#post-11406 Tue, 19 Oct 2010 17:18:23 +0000 tasseyrusso 11406@https://legacy.forums.gravityhelp.com/ <p>Website: <a href="http://www.afullyengagedlife.com/free-stuff-selections" rel="nofollow">http://www.afullyengagedlife.com/free-stuff-selections</a></p> <p>I would like to change the size, font family and color of the form title text and the description. I've tried to do this in my main theme stylesheet but I can't seem to locate the proper code for these particular elements of the form.</p> <p>Can you tell me how/where to change the code to make these type of changes? Where do I find the code, perhaps to do a simple copy? And do I put it in the theme's main stylesheet? Also, where do I find the form's css or stylesheet?</p> <p>Thank you! </p>