Embedded form is not aligned to the left

  • Profile Image
    prodigee
    Asked on April 04, 2018 at 02:03 PM

    Hi


    When I add my form to the web page (using script embed), there is a gap between the page width and the form, it looks as if there is a padding between the two and I can't find the setting for it. I have added a screenshot that will hopefully help.


  • Profile Image
    Jan
    Answered on April 04, 2018 at 03:06 PM

    You can try adding this custom CSS code in order to position the form to the left:

    .form-line {
    padding-left: 0px !important;
    }

    If it does not work, please add this code:

    .form-all {
    margin-left: 0;
    }

    Here's a guide on How-to-Inject-Custom-CSS-Codes. Here's the result:

    152286857604-05-12ad3.png

    Let us know if you are still having issues. Also, please share the URL of the webpage where the form is embedded so that we can further check. 

    Thank you.

  • Profile Image
    Mike_G
    Answered on April 04, 2018 at 04:34 PM

    We will be glad to help you with your concern. However, I have checked the website and I was not able to find the embedded form. Can you give us a direction on how we can view the form, please?

    Can you also help us fully understand what exactly would you like to happen by proving us with an illustration (screenshot)? How-to-Post-Screenshots-to-Our-Support-Forum

    We will wait for your response.

  • Profile Image
    prodigee
    Answered on April 04, 2018 at 05:00 PM

    Sure, I apologize for the link, should have been this one, https://www.iamprodigee.com/pages/reseller-test


    I am trying to have all the form fields extend and be flush with the width of the text above, the text is written in Shopify's page builder, and before I adjusted anything, the form was a little narrower from the text, it looks like the first css injection took care of the left side, I would like that for the other side as well. 

    One other thing, it looks as if the whole text got smaller, is it because I made the fields wider?

    Thank you1522875572jotform022.jpg

     


  • Profile Image
    Jim_R
    Answered on April 04, 2018 at 07:37 PM

    Thanks for the screenshot. This section doesn't appear to be a part of your form:

    Design-wise, here's how I see the entire page right now:

    The only element that's not aligned properly was the Comment section. To fix that, inject these CSS codes to your FORM BUILDER:

    #id_9 {

        width: 98% !important;

    }

    Related guide: How-to-Inject-Custom-CSS-Codes

    Result:

    Your form's font size is currently set to 13px. If that looks small for you, you can increase it by navigating to the FORM DESIGNER > STYLE tab > then FONT SIZE.

  • Profile Image
    prodigee
    Answered on April 05, 2018 at 11:42 AM

    Thank you. I'm afraid I'm not explaining myself well enough. Yes, the text section is not part of the form (as both of us mentioned in previous comments), but it occupies a certain width on the page, I would like the form to be just as wide as the text section (the non-form related section). I would like the form to be as wide as the page. so it is flushed with other elements on that page (such as the text above). Hope this helps, and thanks again.