https://legacy.forums.gravityhelp.com/topic/instructions-hover-to-right-hand-side Gravity Support Forums Topic: instructions hover to right hand side. en-US Mon, 20 Apr 2026 02:35:22 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/instructions-hover-to-right-hand-side#post-33134 Sun, 21 Aug 2011 08:30:17 +0000 Ethomit 33134@https://legacy.forums.gravityhelp.com/ <p>Thanks guys, i'll try this. </p> https://legacy.forums.gravityhelp.com/topic/instructions-hover-to-right-hand-side#post-33056 Fri, 19 Aug 2011 16:00:38 +0000 Carl Hancock 33056@https://legacy.forums.gravityhelp.com/ <p>@ethomit You could possibly do this by adding a background-image containing your question mark image to your custom CSS for the description as outlined in the post above. Then use CSS to position the content of that div so it doesn't overlap the background image. </p> https://legacy.forums.gravityhelp.com/topic/instructions-hover-to-right-hand-side#post-33048 Fri, 19 Aug 2011 15:46:13 +0000 Kevin Flahaut 33048@https://legacy.forums.gravityhelp.com/ <p>@Ethomit,</p> <p>This should point you in the right direction.</p> <p><a href="http://www.gravityhelp.com/forums/topic/hint-box#post-13676" rel="nofollow">http://www.gravityhelp.com/forums/topic/hint-box#post-13676</a> </p> https://legacy.forums.gravityhelp.com/topic/instructions-hover-to-right-hand-side#post-33036 Fri, 19 Aug 2011 14:10:26 +0000 Ethomit 33036@https://legacy.forums.gravityhelp.com/ <p>Hi,</p> <p>I would like to do the same thing, but i want to add a little "question mark" image next to each form title, and the description appears only when the mouse is over this image. Just like in the administration of Gravity forms.</p> <p>Is there an easy way to do that ?</p> <p>(and sorry but i don't know if it's better to make a new post on the forum or to just write in this one) </p> https://legacy.forums.gravityhelp.com/topic/instructions-hover-to-right-hand-side#post-18871 Thu, 17 Feb 2011 19:06:05 +0000 jayd 18871@https://legacy.forums.gravityhelp.com/ <p>That will work thanks! </p> https://legacy.forums.gravityhelp.com/topic/instructions-hover-to-right-hand-side#post-18862 Thu, 17 Feb 2011 18:49:28 +0000 Carl Hancock 18862@https://legacy.forums.gravityhelp.com/ <p>You would use CSS to set the font style for that element by adding additional CSS to the code Kevin provided you above.</p> <p>For example:</p> <pre><code>body .gform_wrapper .gform_body .gform_fields .gfield .gfield_description { color: #790000; visibility: hidden; font-size: 14px; }</code></pre> <p>That would apply a 14px font size to the text within the .gfield_description element.</p> <p>If you aren't familiar with CSS you may want to check out this resource site:</p> <p><a href="http://www.w3schools.com/css/default.asp" rel="nofollow">http://www.w3schools.com/css/default.asp</a></p> <p>If you are going to be customizing things via CSS you will want to be sure you are doing things properly. Customizations are just that, customizations. So we can help you with simple things but ultimately if it's a customization you will have to write the code and implement it. </p> https://legacy.forums.gravityhelp.com/topic/instructions-hover-to-right-hand-side#post-18859 Thu, 17 Feb 2011 18:28:34 +0000 jayd 18859@https://legacy.forums.gravityhelp.com/ <p>Thank you, another css question, right now the text size for field is really small, how or what code what I use to make it bigger? </p> https://legacy.forums.gravityhelp.com/topic/instructions-hover-to-right-hand-side#post-18767 Wed, 16 Feb 2011 23:52:39 +0000 Kevin Flahaut 18767@https://legacy.forums.gravityhelp.com/ <p>You could do something simple with a couple of CSS rules. Basically you set the visibility of the description to hidden to begin with, then when you hover over the containing list item, show the description.</p> <p>This should give you the idea. You can tweak it from there.</p> <pre><code>body .gform_wrapper .gform_body .gform_fields .gfield .gfield_description { color: #790000; visibility: hidden; } body .gform_wrapper .gform_body .gform_fields .gfield:hover .gfield_description { visibility: visible; float: right; }</code></pre> https://legacy.forums.gravityhelp.com/topic/instructions-hover-to-right-hand-side#post-18758 Wed, 16 Feb 2011 21:46:01 +0000 Carl Hancock 18758@https://legacy.forums.gravityhelp.com/ <p>Yes, but you would have to write custom code to do so. This isn't a built in feature so it isn't something Gravity Forms does out of the box. It would be possible but you would have to write your own custom jQuery to make it do this. </p> https://legacy.forums.gravityhelp.com/topic/instructions-hover-to-right-hand-side#post-18751 Wed, 16 Feb 2011 20:29:44 +0000 jayd 18751@https://legacy.forums.gravityhelp.com/ <p>Is there a way to make the description/instructions hover to right hand side. </p>