https://legacy.forums.gravityhelp.com/topic/changing-text-fontcolor-and-button-and-color Gravity Support Forums Topic: Changing Text font/color and button and color en-US Wed, 22 Apr 2026 01:55:33 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/changing-text-fontcolor-and-button-and-color#post-45029 Tue, 27 Dec 2011 21:02:56 +0000 Carl Hancock 45029@https://legacy.forums.gravityhelp.com/ <p>@raull1 You have styles being applied by your theme that are setting the text color of that input to white. See this screenshot:</p> <p><a href="http://dl.dropbox.com/u/185347/Slingshot/Pictures/Screen%20Shot%202011-12-27%20at%207.59.35%20PM.png" rel="nofollow">http://dl.dropbox.com/u/185347/Slingshot/Pictures/Screen%20Shot%202011-12-27%20at%207.59.35%20PM.png</a></p> <p>This particular style is coming from the skin.css file of your theme. Specifically line 380 of that file where it sets the foreground color to #FFFFFF, which is white.</p> <p>How does this theme work? Do you select colors/etc. and configure styles in some sort of theme options admin page?</p> <p>If not and it's strictly standard CSS controlled then you need to edit this file:</p> <p><a href="http://puertaenrollable.com/wp-content/themes/striking/cache/skin.css?ver=1325033850" rel="nofollow">http://puertaenrollable.com/wp-content/themes/striking/cache/skin.css?ver=1325033850</a></p> <p>And find this code:</p> <pre><code>#footer input, #footer textarea, #footer .text_input, #footer .textarea { color: #ffffff; }</code></pre> <p>It's actually the very last line in that stylesheet. Change that color to the color you want it to be.</p> <p>In the future please be sure to create your own support forum post when requesting support rather than replying to and piggybacking on another users support request. This makes things much easier to manage as most of the time even if someone else's request or problem may sound similar... a lot of the times they are unrelated and have different resolutions. </p> https://legacy.forums.gravityhelp.com/topic/changing-text-fontcolor-and-button-and-color#post-45014 Tue, 27 Dec 2011 20:25:35 +0000 raull1 45014@https://legacy.forums.gravityhelp.com/ <p>The submit button in my form has the font in the same color as the background, how would I correct that? My knowledge of stylesheets and ccs is close to none. I tried in IE, FF and Chrome and the button looks the same in all. Any suggestions are appreciated. -puertaenrollable.com</p> <p>- I have a second form on the same site that shows the default button properly. (puertaenrollable.com/iniciar/cotizar/)</p> <p>Thanks! </p> https://legacy.forums.gravityhelp.com/topic/changing-text-fontcolor-and-button-and-color#post-33266 Mon, 22 Aug 2011 19:50:39 +0000 Chris Hajer 33266@https://legacy.forums.gravityhelp.com/ <p>It's weird, in Firefox the submit appears grey with white text, but in Chrome it is sometimes black and sometimes grey (both with white text). That makes me think there is something inconsistent in the CSS.</p> <p>Can you remove those lines from your style.css and add these in their place? They're more specific rules.</p> <pre><code>[css] body .gform_wrapper { color: #696969!important; } body .gform_wrapper .gform_title { font-family:helvetica!important; color: #696969!important; } body .gform_wrapper .gfield_description { font-size: 12px!important; } body .gform_wrapper .gform_footer input[type=&quot;submit&quot;] { background-color: #696969!important; color: #FFFFFF; }</code></pre> <p>Screenshot Chrome: <a href="http://minus.com/mqa4x1Nz1" rel="nofollow">http://minus.com/mqa4x1Nz1</a></p> <p>Screenshot Firefox: <a href="http://minus.com/mqa4x1Nz1#2" rel="nofollow">http://minus.com/mqa4x1Nz1#2</a> </p> https://legacy.forums.gravityhelp.com/topic/changing-text-fontcolor-and-button-and-color#post-33257 Mon, 22 Aug 2011 18:51:04 +0000 markahiggins 33257@https://legacy.forums.gravityhelp.com/ <p>I just double checked and on my end I cannot see the changes even adter resetting Safari and then checking it out on my wife's ThinkPad.</p> <p>Here is all the codeI have. All I'm trying to do is change the description text and the submit button to match the rest of the gray text on my website.</p> <pre><code>[css] } .gform_footer .button { background-color: #696969!important; color: #FFFFFF; } .gform_title { font-family:helvetica!important; color: #696969!important; } .gfield_description { font-size: 12px!important; } body .gform_wrapper { color: #696969!important; }</code></pre> https://legacy.forums.gravityhelp.com/topic/changing-text-fontcolor-and-button-and-color#post-33123 Sat, 20 Aug 2011 20:15:40 +0000 Kevin Flahaut 33123@https://legacy.forums.gravityhelp.com/ <p>You may need to clear your browser cache to see your changes. I'm seeing a gray button with white text in Safari.</p> <p>screenshot: <a href="http://i.imgur.com/egIVr.png" rel="nofollow">http://i.imgur.com/egIVr.png</a></p> <p>Like I mentioned before, having a space between the "!important" declaration is simply a preference, it doesn't make any difference.</p> <p>If you want to change all of the label/description text colors for your form, you can do so this way.</p> <pre><code>[css] body .gform_wrapper { color: #696969; }</code></pre> https://legacy.forums.gravityhelp.com/topic/changing-text-fontcolor-and-button-and-color#post-33118 Sat, 20 Aug 2011 19:18:38 +0000 markahiggins 33118@https://legacy.forums.gravityhelp.com/ <p>I had added the space in the line of css code as WebEndev suggested. </p> <p>Weird on Safari it shows the text of the form and the button as black and not grey. Is there another line of CSS code that I need? </p> https://legacy.forums.gravityhelp.com/topic/changing-text-fontcolor-and-button-and-color#post-33116 Sat, 20 Aug 2011 17:19:31 +0000 Kevin Flahaut 33116@https://legacy.forums.gravityhelp.com/ <p>Spacing on what element and what colors? I don't see any spacing properties in your rules above. Also, the only colors I saw rendered (on the button) were correct. Your form didn't have the form title visible so that rule didn't apply to anything. </p> https://legacy.forums.gravityhelp.com/topic/changing-text-fontcolor-and-button-and-color#post-33112 Sat, 20 Aug 2011 16:54:05 +0000 markahiggins 33112@https://legacy.forums.gravityhelp.com/ <p>I changed the spacing and there is no change in the text color. Instead of a gray text matching the rest of the website it's black. </p> https://legacy.forums.gravityhelp.com/topic/changing-text-fontcolor-and-button-and-color#post-33109 Sat, 20 Aug 2011 15:45:55 +0000 Kevin Flahaut 33109@https://legacy.forums.gravityhelp.com/ <p>Looks like your styles are being applied properly. Is there something I'm missing?</p> <p>screenshot: <a href="http://bit.ly/nGUY5D" rel="nofollow">http://bit.ly/nGUY5D</a></p> <p>Also, adding a space between the "!important" declaration shouldn't make any difference. </p> https://legacy.forums.gravityhelp.com/topic/changing-text-fontcolor-and-button-and-color#post-33108 Sat, 20 Aug 2011 15:41:04 +0000 WebEndev 33108@https://legacy.forums.gravityhelp.com/ <p>Add a space between px and !important like</p> <p>.gfield_description {font-size: 12px !important;} </p>