Form description « Gravity Support Forums

Gravity Support Forums » Plugin Support » Gravity Forms

aum302
Member

Hi,

I would like to increase the font size in the Form description field and also make it 'bold'. Is there any CSS code that I can use in this regard?

Again, is there any way to insert a link in the form description field text?

Thanks.

Posted 10 years ago on Wednesday June 5, 2013 | Permalink
David Peralty

Can you link to your form please? When writing the form description, did you try putting a HTML link in it?

Posted 10 years ago on Wednesday June 5, 2013 | Permalink
aum302
Member

Sure. It's an sidebar opt-in form.

Here is the link:

http://bookrecommendations.org/lolita-by-vladimir-nabokov/

No, I did not try to put a HTML link as I wanted first to check what's the best way to put a link there (hopefully, with an anchor text).

Look forward to your response,

Thanks.

Posted 10 years ago on Wednesday June 5, 2013 | Permalink
Richard Vav
Administrator
Add the following towards the bottom of your theme's stylesheet or wherever you place custom CSS to increase the font size and weight of the form description for just that one form
```
#gform_wrapper_2 .gform_description {
font-weight: bold;
font-size: 16px;
}
```
and for the link in the description you will want to wrap it in a tag like so <a href="/myurl/">my url</a>

Regards,
Richard
Posted 10 years ago on Wednesday June 5, 2013 | Permalink
aum302
Member

Thanks so much Richard. This worked very well.

Can you pls tell me if I wish to apply this code only to a particular form but not others how do I do it?

Regards.

Posted 10 years ago on Friday June 7, 2013 | Permalink
Richard Vav
Administrator
That CSS snippet I provided above only applies the font weight and size rules to form 2 as specified in the selector by the _2
```
#gform_wrapper_2 .gform_description {
```
If you have several forms but only want it to apply to forms 1 and 2 for example then you would use the following
```
#gform_wrapper_1 .gform_description, #gform_wrapper_2 .gform_description {
```
To apply it to all forms you would have used the following instead, notice that # changes to . and the form number has been removed.
```
.gform_wrapper .gform_description {
```
Regards,
Richard
Posted 10 years ago on Friday June 7, 2013 | Permalink
aum302
Member

Awesome. Thanks so much.

There was another topic I started on Form Formatting (irregular space between various form fields) a few days back but haven't got any response as yet.

http://www.gravityhelp.com/forums/topic/form-formatting

It will be great if I can get some insights in this regard as well.

Thanks.

Posted 10 years ago on Saturday June 8, 2013 | Permalink

This topic has been resolved and has been closed to new replies.