https://legacy.forums.gravityhelp.com/topic/default-value-field-custom-css Gravity Support Forums Topic: Default Value Field custom CSS en-US Mon, 20 Apr 2026 04:48:28 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/default-value-field-custom-css#post-342552 Mon, 24 Jun 2013 17:12:12 +0000 Richard Vav 342552@https://legacy.forums.gravityhelp.com/ <p>It sounds like you are using the default value as a placeholder, you may want to look into using a plugin or a script to add the HTML5 placeholder attribute to the inputs.</p> <p>Here are two plugins that are in the WordPress plugin repository, if I remember correctly they also hide or remove the field label<br /> <a href="http://wordpress.org/extend/plugins/gravity-forms-placeholders/" rel="nofollow">http://wordpress.org/extend/plugins/gravity-forms-placeholders/</a><br /> <a href="http://wordpress.org/extend/plugins/gravity-forms-auto-placeholders/" rel="nofollow">http://wordpress.org/extend/plugins/gravity-forms-auto-placeholders/</a></p> <p>If you only have a few fields a bit of jQuery would accomplish it as well, the following example would add the placeholder Name to field 1 of form 5 for example<br /> <pre><code>&lt;script&gt; jQuery(document).ready(function($){ $(&#39;#input_5_1&#39;).attr(&#39;placeholder&#39;,&#39;Name&#39;); }); &lt;/script&gt;</code></pre> <p>If you have more than a few there are some functions you can add to your themes functions file that will add placeholders to the fields settings panel in the form editor. </p> https://legacy.forums.gravityhelp.com/topic/default-value-field-custom-css#post-342538 Mon, 24 Jun 2013 16:44:01 +0000 wot 342538@https://legacy.forums.gravityhelp.com/ <p>thx</p> <p>I'll hire some Jquery ninja to have a look to it,<br /> If I find the solution I'll post it here. </p> https://legacy.forums.gravityhelp.com/topic/default-value-field-custom-css#post-342507 Mon, 24 Jun 2013 16:12:52 +0000 Rob Harrell 342507@https://legacy.forums.gravityhelp.com/ <p>Ah, yes, in that case the "default value" and whatever you type will share the same style. </p> https://legacy.forums.gravityhelp.com/topic/default-value-field-custom-css#post-342440 Mon, 24 Jun 2013 15:01:56 +0000 wot 342440@https://legacy.forums.gravityhelp.com/ <p>Hi,<br /> Thx for the quick response.</p> <p>I have a field Name and I display a default message: " e.g. John Smith" , I also use the small script to clear the default value "onfocus".<br /> I also know how to adapt the CSS for that text field but I don't find the CSS for the default value.</p> <p>Maybe there isn't one : ) </p> https://legacy.forums.gravityhelp.com/topic/default-value-field-custom-css#post-342089 Mon, 24 Jun 2013 09:46:07 +0000 Rob Harrell 342089@https://legacy.forums.gravityhelp.com/ <p>All of our styling information can be found here:<br /> <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'd like for me to take a look and provide a CSS snippet for use, just post a link to your form for me. </p> https://legacy.forums.gravityhelp.com/topic/default-value-field-custom-css#post-341914 Mon, 24 Jun 2013 07:54:37 +0000 wot 341914@https://legacy.forums.gravityhelp.com/ <p>Hi,</p> <p>How can I can I customize theCSS of a field's default value?<br /> I would like to have it in a light grey, italic, etc ...</p> <p>Thx for your time </p>