Styling All Forms « Gravity Support Forums

Gravity Support Forums » Plugin Support » Gravity Forms

fineline
Member

I am new to CSS and can tinker but that's about it. I need my forms to have all the same formatting, but I'm not sure how to do that. Here's a screen shot of what my form looks like by itself. http://www.finelineprintlab.com/temp/screenshot3.jpg

All of the forms will have a photo on the left like this. http://www.finelineprintlab.com/temp/screenshot2.jpg The image is left justified in the page and the shortcode is placed next to the image. The form jumps or wraps down below the image. I'd like it to be all left justified next to the image like the description.

Here's a link to the form. http://www.finelineprintlab.com/bamboo

Posted 11 years ago on Tuesday January 15, 2013 | Permalink
Chris Hajer
Key Master
You can add this to your theme's stylesheet to make the form narrower and float it to the right of the image:
```
[css]
body .gform_wrapper {
    float: right;
    width: 400px;
}
```
You might also have to add "float:left;" to the div which holds the image (in your template or post/page), but I did not need to do that in my test.
Posted 11 years ago on Tuesday January 15, 2013 | Permalink
Mustard
Member
Hi Fineline, try adding this to your style sheet:
```
[css]
gform_body{
	display: inline-block;
	width: 420px;
}
.gform_wrapper .gform_footer.right_label{
	float:right;
}
```
That should make the form be on the right of that image and have the add to cart button floating to the right.
Posted 11 years ago on Tuesday January 15, 2013 | Permalink
fineline
Member

I tried both methods and it seems Chris' method works best. Thanks for the help!

Posted 11 years ago on Tuesday January 15, 2013 | Permalink
Mustard
Member

Well, Chris is the man, so I can understand that ;)

Also, you may want to mark this solved? Not sure how this forum does that!

Posted 11 years ago on Tuesday January 15, 2013 | Permalink
Chris Hajer
Key Master

I actually thought Mustard's method was more comprehensive :-)

I'll close the topic. Thanks for the assist Mustard.

Posted 11 years ago on Tuesday January 15, 2013 | Permalink

This topic has been resolved and has been closed to new replies.