instructions hover to right hand side. « Gravity Support Forums

Gravity Support Forums » Plugin Support » Gravity Forms

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
Carl Hancock
Administrator

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
Kevin Flahaut
Administrator
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
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
Carl Hancock
Administrator
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
jayd
Member

That will work thanks!

Posted 13 years ago on Thursday February 17, 2011 | Permalink
Ethomit
Member

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 13 years ago on Friday August 19, 2011 | Permalink
Kevin Flahaut
Administrator

@Ethomit,

This should point you in the right direction.

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

Posted 13 years ago on Friday August 19, 2011 | Permalink
Carl Hancock
Administrator

@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 13 years ago on Friday August 19, 2011 | Permalink
Ethomit
Member

Thanks guys, i'll try this.

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