PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

instructions hover to right hand side.

  1. jayd
    Member

    Is there a way to make the description/instructions hover to right hand side.

    Posted 13 years ago on Thursday February 17, 2011 | Permalink
  2. 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.

    Posted 13 years ago on Thursday February 17, 2011 | Permalink
  3. 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.

    This should give you the idea. You can tweak it from there.

    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;
    }
    Posted 13 years ago on Thursday February 17, 2011 | Permalink
  4. jayd
    Member

    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?

    Posted 13 years ago on Thursday February 17, 2011 | Permalink
  5. You would use CSS to set the font style for that element by adding additional CSS to the code Kevin provided you above.

    For example:

    body .gform_wrapper .gform_body .gform_fields .gfield .gfield_description {
        color: #790000;
        visibility: hidden;
        font-size: 14px;
    }

    That would apply a 14px font size to the text within the .gfield_description element.

    If you aren't familiar with CSS you may want to check out this resource site:

    http://www.w3schools.com/css/default.asp

    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.

    Posted 13 years ago on Thursday February 17, 2011 | Permalink
  6. jayd
    Member

    That will work thanks!

    Posted 13 years ago on Thursday February 17, 2011 | Permalink
  7. Hi,

    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.

    Is there an easy way to do that ?

    (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)

    Posted 12 years ago on Friday August 19, 2011 | Permalink
  8. @Ethomit,

    This should point you in the right direction.

    http://www.gravityhelp.com/forums/topic/hint-box#post-13676

    Posted 12 years ago on Friday August 19, 2011 | Permalink
  9. @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.

    Posted 12 years ago on Friday August 19, 2011 | Permalink
  10. Thanks guys, i'll try this.

    Posted 12 years ago on Sunday August 21, 2011 | Permalink