I've searched all throughout the forum and cannot find a related topic. Sorry for the boneheaded question.
Also, I have the forms.css file open and cannot seem to locate that grey border color in the form. I'm so lost! :(
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.
How do I modify colors and use my own Submit button image?
-
What grey broder color are you referring to?
You should never modify the forms.css file. This makes upgrades difficult as your changes will be overwritten when Gravity Forms releases an upgrade and we always recommend running the latest version of Gravity Forms.
To customize the form styles you add CSS to your themes stylesheet that targets Gravity Forms html elements and applies whatever styles you want. Using CSS inheritance you can add CSS to your theme stylesheet that can style Gravity Forms however you want.
If you provide a link to one of your forms we can take a look and provide you with some quick examples.
As for a submit button image, this is a form setting. Edit your form, hover over the Form Title/Description area and select Edit to access the Form Settings and then select the Advanced tab. You can customize the form button and use an image instead of a standard button. See this screenshot:
Posted 13 years ago on Monday February 14, 2011 | Permalink -
tmaculate1
MemberWell as soon as I posted that, I read at the top where it says, "DO NOT EDIT THIS FILE!" so I will undo any changes I made thus far. Thanks for the heads up there.
Here is the site I have the form on: Miller Consulting
If you also take a look at the Contact page, I am trying to match up the form with that same look (specifically the border colors and Submit button).
Thanks for taking a look, Carl. ;-)
Travis
Posted 13 years ago on Monday February 14, 2011 | Permalink -
First you'd want to use top labels instead of left labels since the Contact page uses top labels.
Then you would want to target inputs and textareas to style them the way you want them styled. You would do this by adding custom CSS to your themes stylesheet. Edit your themes stylesheet and at the bottom of it you can add a new section for your custom form styles.
Then see this documentation on how to target specific elements and style them:
http://www.gravityhelp.com/documentation/css-targeting-samples/
Posted 13 years ago on Monday February 14, 2011 | Permalink -
I'm not sure what you mean. The submit button you have configured the form to use is showing up. I went to your form and I do see it. See this screenshot of your form:
The problem is the image button you are using contains 2 buttons, not one, because it's a sprite that is used by CSS. Gravity Forms image buttons doesn't utilize rollover states and it doesn't know what to do with this image. It simply displays the image you enter the path to in that setting and uses it as an image button.
If you want to do a rollover, etc. you would have to use CSS to display your button and configure a css hover state. You wouldn't use the image button feature to do this, you would do it entirely with custom CSS.
Posted 13 years ago on Monday February 14, 2011 | Permalink
