Text Submit Button & Captcha Spacing???

Gravity Support Forums » Plugin Support » Gravity Forms

Roger Due
Member

I am using the Captcha that appears just before the Submit Button. I have also added a "Description" to the Captcha to help people use it.

But there are about 3 EXTRA blank lines after the Captcha and before the Submit Button. This is not the normal spacing that you have used between the other elements in the Form. How can this be adjusted to be like the others?

I am using a Text Submit Button with text: Click Here to Submit Your Questions
I seem to remember that in a previous version of Gravity Forms that I could specify the background color and font to be used with this button. How can I do this without having to use a graphic button, or was this feature never available?
-- Thanks, Roger

Posted 12 years ago on Sunday January 8, 2012 | Permalink
Chris Hajer
Key Master

Can you share a link to your form please so we can see what's going on? Thank you.

Posted 12 years ago on Sunday January 8, 2012 | Permalink
Roger Due
Member

Chris,
Here is the link:
http://onlineprofitsforapartments.com/contact/
-- Thanks, Roger Due

Posted 12 years ago on Monday January 9, 2012 | Permalink
Rob Harrell
Member
Hey Roger, place this into your theme's stylesheet to change the spacing.
```
[css]
.gform_wrapper .gform_footer {
padding-top: 0 !important;
margin-top: 0 !important;
}
```
You can style the submit button by using a number of different selectors, this one would target the submit button on just the form with the ID of 1:
```
[css]
#gform_submit_button_1 {
background-color: black;
color: white;
}
```
Posted 12 years ago on Monday January 9, 2012 | Permalink
Roger Due
Member

Rob,
Can you please tell me where this style sheet is? Do I modify one of your existing style sheets? Hopefully that is not the case, since it would be overwritten every time I upgrade. Please point me in the right direction. I took a quick look at your online docs and apparently I haven't found the necessary info.
-- Thanks, Roger

Posted 12 years ago on Monday January 9, 2012 | Permalink
Roger Due
Member

Rob,
I tried creating mystyles.css in the css folder and added your 1st suggestion. I then tried to specify this at the top level of the contact and also at the captcha and neither place accomplished anything. Please help.
-- Thanks, Roger

Posted 12 years ago on Monday January 9, 2012 | Permalink
Rob Harrell
Member

This would be the stylesheet associated with your theme. All theme's are setup differently. Do you see any stylesheets you can edit at your theme level? Some of them include areas that allow for CSS placement, some need to be edited directly. You would not update the plugin CSS because like you said, it would get overridden after an update.

Also, if you have any caching plugins installed, when you add or edit CSS to stylesheets it may take a bit to show up. Not sure how much more to tell you without seeing your actually files and setup.

Posted 12 years ago on Monday January 9, 2012 | Permalink
Roger Due
Member

Rob,
Ok, we are making progress! I am using the Catalyst Theme and it is setup so I don't directly modify the style.css file, but rather add to a "Custom CSS" form within the Catalyst configuration. They even have a custom CSS Builder that lets me identify possible options and the corresponding code to use.

I added what you suggested and then modified the font & background & size to suit my needs. You can see the result at:
http://onlineprofitsforapartments.com/contact/
-- Thanks, Roger

Posted 12 years ago on Monday January 9, 2012 | Permalink
Rob Harrell
Member

Awesome Roger! Glad you got it working and thanks for letting me know. Happy styling my friend. :)

Posted 12 years ago on Monday January 9, 2012 | Permalink