Need help with new css format and changes

Gravity Support Forums » Plugin Support » Gravity Forms

boulderjoe
Member

I recently upgraded Gravity Forms and lost all my CSS changes as it appears the CSS selectors and/or more has changed. This is the post where Kevin helped me solve a few issues

http://www.gravityhelp.com/forums/topic/form-and-div-formatting-issues#post-35405

and I want to get this form page looking like it used to with the form fields to the left of the image:

http://www.francesphotography.com/frances-photography-contact/

I tried playing around with the admin.css and form.css, but rather than try and figure exactly how it was implemented I figured it would be faster to ask - thanks.

Posted 12 years ago on Sunday July 1, 2012 | Permalink
Chris Hajer
Key Master
Do not modify the css files which are provided with the plugin. There is always a way to modify the CSS by adding some new rules to your theme's custom.css or style.css.

Is this page the one you actually want to modify?
http://www.francesphotography.com/frances-photography-contact/

And you would just like the image floated to the right of the form? In that case, you will need to make the image narrower or the form narrower. This CSS will get you started. Please add this to the bottom of your theme's style.css or custom.css (whichever is preferred by your theme provider):
```
[css]
#gform_wrapper_1 {
	width: 45%;
	float: left;
}
```
Posted 12 years ago on Monday July 2, 2012 | Permalink
boulderjoe
Member

Thanks - that will get me started.

Posted 12 years ago on Monday July 2, 2012 | Permalink