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.

align form to the right

  1. yoramzara
    Member

    I installed the plugin on wordpress in Hebrew. at http://www.yitgadal.co.il/try/
    I want to align the fields and the form to the right. How do I do it?

    Posted 14 years ago on Tuesday November 2, 2010 | Permalink
  2. I'm working on right to left (rtl) language support. I hope to have those styles all worked out and added as defaults in an upcoming release.

    For now you'll have to make a few changes by adding some CSS to your theme stylesheet.

    WordPress automatically adds a "rtl" class when using right to left languages such as Hebrew. We'll hinge the CSS on that class so it doesn't affect other styles.

    These are just a few to get you started. You may find that you need to target other elements as you use them to align them accordingly.

    /* right align the input fields and content in the containing list items */
    body.rtl .gform_wrapper li.gfield {text-align:right;}
    
    /* right align content in the inputs */
    body.rtl .gform_wrapper input[type=text],
    body.rtl .gform_wrapper input[type=email],
    body.rtl .gform_wrapper input[type=url],
    body.rtl .gform_wrapper input[type=tel],
    body.rtl .gform_wrapper textarea,
    body.rtl .gform_wrapper select {text-alighn:right}
    
    /* right align the form title */
    body.rtl .gform_wrapper h3.gform_title {text-align:right}
    
    /* right align the footer content and submit button */
    body.rtl .gform_wrapper .gform_footer  {text-align:right}

    test screenshot

    Posted 14 years ago on Tuesday November 2, 2010 | Permalink