I need a quick fix to move my contact form about 10px to the right, so that it is inline with the rest of my page. I tried to override it by adding a css class, but without luck. I also tried to turn of the output CSS and copying and pasting the content from forms.css into my style.css, but that screwed up my layout. Can you tell me the best way to do this? My page url is http://roseonahouse.com/thank-you-for-your-payment.
Thanks
Try adding this to the end of your theme stylesheet. Your theme is overriding the default form margins. This will reset it.
[css]
body .gform_wrapper {
margin: 0 10px;
}screenshot: http://bit.ly/nnfyDw
The only rule I see being applied is wrong for what you're trying to do ( top & bottom margins and no side margins ) . I don't see one at the end of the stylesheet.. are you sure you've added it to the right stylesheet?
screenshot: http://bit.ly/p3a0Tu
You can see that if the proper rule exists and the browser renders it, it works.
screenshot: http://bit.ly/o6rACW
I see what you are saying is right and I tried to apply the code in style.css in the delicate theme.
screenshot: http://i.imgur.com/Jpqhd.jpg
I have no idea what I do wrong...
No worries. We'll make it behave. Let's try more specific CSS. Copy this exactly as it is and replace the other block. You shouldn't need to redefine those other bits.
[css]
body #gform_wrapper_1.gform_wrapper {
margin: 0 10px!important
}Give that a shot and let me know how it goes.
EDIT: You know, I decided to look again at your markup and realized the style.css file isn't being called on the page. It won't matter what you put in that file if it's not being referenced in the page markup. You may need to consult with your theme developer and find out where they recommend putting custom styles because it looks like the style.css file isn't gonna do it.
This doesn't have anything to do with editing the gravity forms CSS. Your theme developer blew you off apparently.
The fact is that your style.css file that you've been trying to edit isn't being called on your page. That's a problem with your theme, not the plugin. I DO see that the Gravity Forms styles have been added to some stylesheet, but that the default forms.css file isn't being loaded. Either the "output CSS" option is turned off in your form settings, or you theme doesn't include the wp_head() function needed to load the styles into the page. If the option is turned on, then it's a problem with your theme.
Also, we recommend that you don't make any changes to the default form styles because those are automatically overwritten when you do an update on the plugin. You'd end up losing your changes. That's why we recommend putting any custom styles in your theme stylesheet so you don't lose all your hard work.
Basically, you need to find out how to add the custom styles to the one stylesheet that IS being loaded properly.
http://roseonahouse.com/wp-content/w3tc/min/4abeaa3c.349fba.css
I'm not familiar with your theme so I can't tell you how to actually do that.. it looks like it's being generated dynamically from somewhere. Maybe your theme developer can at least tell you how to edit that.
If you can figure out where to add the styles okay, this should be an easy fix. We'll be happy to help all we can.