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.

Styling All Forms

  1. 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 7 years ago on Tuesday January 15, 2013 | Permalink
  2. 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 7 years ago on Tuesday January 15, 2013 | Permalink
  3. 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 7 years ago on Tuesday January 15, 2013 | Permalink
  4. I tried both methods and it seems Chris' method works best. Thanks for the help!

    Posted 7 years ago on Tuesday January 15, 2013 | Permalink
  5. 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 7 years ago on Tuesday January 15, 2013 | Permalink
  6. I actually thought Mustard's method was more comprehensive :-)

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

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

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