Increase input text size & change label color

Gravity Support Forums » Plugin Support » Gravity Forms

fastfollowerz
Member

I am attempting to increase the size of the input text in my form. I have found a few topics on this subject but I have had no success. I tried adding the rules in my theme stylesheet, but nothing seems to change in my form.

The form is located here:
http://www.fastfollowerz.com/tweetzone/

I also want to change the color of the label text.

Thanks!

Posted 13 years ago on Tuesday March 6, 2012 | Permalink

I don't see any custom Gravity Forms styles being applied.. or even added to your theme stylesheet. Where were you putting your custom CSS rules?

If you use the CSS Targeting Samples as a starting point and put the new rules at the end of your theme's style.css file, you should get the results you're looking for..

http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples

Here's an example:

[css]
body .gform_wrapper .gform_body .gform_fields .gfield .gfield_label {
	color: red
}
body .gform_wrapper .gform_body .gform_fields .gfield input[type=text],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=url],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=tel],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=email],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=password],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=number],
body .gform_wrapper .gform_body .gform_fields .gfield select,
body .gform_wrapper .gform_body .gform_fields .gfield textarea {
	font-size: 16px;
	color: green
}

test screenshot: http://bit.ly/wF8mNo

Posted 13 years ago on Tuesday March 6, 2012 | Permalink

fastfollowerz
Member

I deleted all of them after failed attempts. I was putting them at the end of my css stylesheet. I have no added the snippet above to the stylesheet, but still no response on the form.

ALSO - upon completing the form, there is no redirect to PayPal. It just goes straight to the confirmation page. I had it working correctly last night but now something is off. I checked all settings and can't find the issue.

Posted 13 years ago on Wednesday March 7, 2012 | Permalink

Kevin Flahaut
Administrator

It's not working because you have improperly formatted CSS.. here's what you have..

[css]

.button  {
 	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	        border-radius:5px;

body .gform_wrapper .gform_body .gform_fields .gfield .gfield_label {
	color: red
}
body .gform_wrapper .gform_body .gform_fields .gfield input[type=text],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=url],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=tel],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=email],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=password],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=number],
body .gform_wrapper .gform_body .gform_fields .gfield select,
body .gform_wrapper .gform_body .gform_fields .gfield textarea {
	font-size: 26px;
	color: green
}

Notice that the .button class rule is not properly closed with a bracket. That's causing the following rules to fail as well.

As far as the other issue, please start a new topic for that and we'll address it there.

Posted 13 years ago on Wednesday March 7, 2012 | Permalink