Styling the textfields behind the text « Gravity Support Forums

Gravity Support Forums » Plugin Support » Gravity Forms

MarijnBent
Member
Hello everyone,

I want an other styling for my forms, but I don't know how. Can someone please help me?
Ik have now something like this;
http://www.afbeeldingenuploaden.nl/uploads/426407Old.pngd

But I want something like this;
http://www.afbeeldingenuploaden.nl/uploads/735527New.png

So the text field behind the text. I've looked into the documentation and I saw that I can use this. Now I need only the CSS. Can someone help me?
```
body .gform_wrapper .gform_body .gform_fields .gfield input[type=text],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=email],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=tel],
body .gform_wrapper .gform_body .gform_fields .gfield select {
	XXXX
}
```
The style is for all my forms. Can someone please help me? Thanks!

Regards,
Marijn Bent
Posted 12 years ago on Wednesday April 4, 2012 | Permalink
Rob Harrell
Member

Marijn, you shouldn't need any CSS for this. If you go to your form settings, you should see an option to change your label placement from Top to left/right. See this image for reference:

http://www.gravityhelp.com/documentation/page/File:Form-settings-properties.png

Posted 12 years ago on Wednesday April 4, 2012 | Permalink
MarijnBent
Member

Wauw, thanks! It works very well, not so difficult I thought :).

The form looks like this now:
http://www.afbeeldingenuploaden.nl/uploads/834665Schermafbeelding%202012-04-04%20om%2021.27.16.png

Just one last thing, I don't want that the text is bold. Can I 'un-bold' it?

Thanks for you help man!

Posted 12 years ago on Wednesday April 4, 2012 | Permalink
Rob Harrell
Member

No problem, yes you can unbold those via CSS. Do you happen to have an actual link to your form so I can give you a more definitive style block. It helps to see what and how the current label is being styled from.

Posted 12 years ago on Wednesday April 4, 2012 | Permalink
MarijnBent
Member

Ofcourse, the form is on this page:
http://deweddingbag.nl/weddingbag-aanvragen/

Is this what you mean?

Posted 12 years ago on Wednesday April 4, 2012 | Permalink
Rob Harrell
Member
Yes, try dropping this into your theme's stylesheet:
```
[css]
.gform_wrapper .gfield_label {
font-weight: normal !important;
}
```
Posted 12 years ago on Wednesday April 4, 2012 | Permalink
MarijnBent
Member

Thanks! The form is perfect right now. Thanks for your help! Great support

Posted 12 years ago on Wednesday April 4, 2012 | Permalink
Rob Harrell
Member

Awesome! Glad to help out.

Posted 12 years ago on Wednesday April 4, 2012 | Permalink

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