Change Text Area Width and Form Width

  • Profile Image
    tlmorris1970
    Asked on April 30, 2013 at 06:23 PM

    My form isn't fitting on my webpage and it needs to go love tonight.  Can you decrease the size so it can fit on my webpage?  Here's what it looks like:

     

    http://www.classyeventsunlimited.com/class-reunions/terra-nova-high-school-class-of-88/buy-my-ticket/

     

    Please expedite!


    Teresa

  • Profile Image
    abajan
    Answered on April 30, 2013 at 07:11 PM

    No problem, Teresa

    Just do the following:

    1. Inject the following CSS:

    .form-textarea {
    width: 230px;
    }

    (See How to Inject Custom CSS Codes)


    2. Align the submit button to the left by clicking it and then clicking Button Align > Left


    You could also reduce the width of the form but that doesn't appear to be necessary in this case. Nevertheless, it can be done by going to the Form Styles tab, clicking Form Width and reducing the number in the box to suit:

     

    Click OK when done and save the form.

    Should you require further assistance with this, please let us know.

    Thanks.