Form width is being cut off on right side

  • RPTA06853
    Asked on April 21, 2014 at 9:23 AM

    Hi, my form width is being arbitrarily cut off on the right side at about 475px after placing into my Wordpress page, even though I've set the width at 650px in the Form Editor. I'm using the Wordpress shortcode code to embed with. Any help would be appreciated. Thanks!

  • jonathan
    Replied on April 21, 2014 at 11:07 AM

    Hi,

    The div container where you have embedded the form have lesser width than the form. This is the reason that the form have insufficient view at the right.

    There are 2 ways to fix this

    1. Increase the width of div tag where the form is contained

    OR

    2. Reduce the width of the form in the form editor.

    Form width is being cut off on right side Image 1 Screenshot 20

     

     

    Hope this help. Inform us if you need more assistance.

    Thanks!

  • RPTA06853
    Replied on April 21, 2014 at 11:16 AM

    Hi, thanks for your response. I don't know how increasing the width of the div tag would be accomplished other than by editing the theme's css stylesheet, is this correct? Also: this form is replacing a WooForm that was also wider but which was not experiencing any truncation issues. Why would that be?

  • Ashwin JotForm Support
    Replied on April 21, 2014 at 12:32 PM

    Hello RPTA06853,

    The earlier form was used in the same div?

    If you are able to edit your theme css file, you need to update the style.css file. Please find the entry for #homecontent and change the width to "57%" from "46.1%".

    That should solve your problem. Please check the screenshot below:

    Form width is being cut off on right side Image 1 Screenshot 20

    Hope this helps.

    Do get back to us if you have any questions.

    Thank you!

  • RPTA06853
    Replied on April 21, 2014 at 3:00 PM

    Thank you, that worked. For some reason this was not an issue previously even though the same div was used.