PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

Increase input text size & change label color

  1. 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 12 years ago on Tuesday March 6, 2012 | Permalink
  2. 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 12 years ago on Tuesday March 6, 2012 | Permalink
  3. 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 12 years ago on Wednesday March 7, 2012 | Permalink
  4. 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 12 years ago on Wednesday March 7, 2012 | Permalink