Field Label Size « Gravity Support Forums

Gravity Support Forums » Plugin Support » Gravity Forms

dinogomezphoto
Member

Can you please explain how to set the colour and field label size on a form for each and for all fields?

THank you

Posted 11 years ago on Monday January 7, 2013 | Permalink
Chris Hajer
Key Master

Please provide a link to the page on your site where the form is visible, and let us know which labels you would like to style, and what the style should be, and we will help you with the CSS.

Posted 11 years ago on Monday January 7, 2013 | Permalink
dinogomezphoto
Member

Thank you for your reply. The link: http://www.dinogomez.com/contact

I need to increase the size of all the Field Labels on my forms. I'm thinking using the H2 or H3 format?

Also how do I reset the number of VIEWS of the form?

Thank you!

Posted 11 years ago on Monday January 7, 2013 | Permalink
Chris Hajer
Key Master
You can target the field labels in your form by using this selector:
```
[css]
body .gform_wrapper .gfield_label {
	/* similar to h3 */
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #ffffff;
	font-size: 18px; line-height: 24px;
}
```
I copied the styles I could see for the h3 element in your stylesheet. If you have a specific element in mind on your page, target that with Firebug or the developer tools in Chrome and then use those styles with the selector above.

To reset the form views, go to your list of Gravity Forms and check the box next to the form you want to reset the views on. Then from the "Bulk action" drop down, select "Reset Views" and click [ Apply ]. That will reset the views for the form you selected.
Posted 11 years ago on Tuesday January 8, 2013 | Permalink
dinogomezphoto
Member

Thank you for the info! Unfortunately I'm not sure I understand, I'm not really a coder. Do I put that code into the CSS of each field or where should I put that?

Thanks

Posted 11 years ago on Tuesday January 8, 2013 | Permalink
Chris Hajer
Key Master

That CSS will be added to your theme's stylesheet, or wherever your theme provider wants you to make custom CSS additions.

http://www.gravityhelp.com/documentation/page/Where_Do_I_Put_This_Code%3F#CSS

Posted 11 years ago on Tuesday January 8, 2013 | Permalink
dinogomezphoto
Member

all worked fine! thanks!

Posted 11 years ago on Wednesday January 9, 2013 | Permalink
Chris Hajer
Key Master

Thank you for the update.

Posted 11 years ago on Wednesday January 9, 2013 | Permalink

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