Left margin

  • Profile Image
    mooizo
    Asked on June 07, 2012 at 08:00 AM

    Hello guys,

     

    I can't get rit of the left margin on my jotform. For example: http://uwdakonzezorg.nl/contact/

     

    I tried

    .form-line {

    padding-left: 0px;

    }

     

    as suggest in an other topic (http://www.jotform.com/answers/102059-how-do-i-remove-the-left-padding-on-my-form) but sadly it doesn't help. Changing to left-margin 0 px didn't resolve the problem either.

     

    Can anybody please help...

     

    Thanks!

    Remon

  • Profile Image
    abajan
    Answered on June 07, 2012 at 11:34 AM

    If it's the Clone of Contactformulier form to which you're referring, I'm seeing margin-left instead of padding-left for the property. Changing it should solve the problem.

  • Profile Image
    mooizo
    Answered on June 07, 2012 at 01:59 PM

    That doesn't help... I tried it already and again after your answer but sadly it does not work...

  • Profile Image
    pinoytech
    Answered on June 07, 2012 at 02:13 PM

    You can try to inject this custom css and inject it in your form.

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

    If this doesn't work either let us know so we can further assist you.

    Thank you!

  • Profile Image
    abajan
    Answered on June 07, 2012 at 07:29 PM

    @mooizo

    I suspect that our CDN's edge location server in your area may not be refreshing its content. Try the following and let us know if it helps:

    1. Change the the src attribute in the Jotorm script embedded in your web page from http://form.jotformeu.com/jsform/21581499290360 to http://www.jotformeu.com/jsform/21581499290360

    2. Replace your current injected CSS with the following rule:

    .form-line, .form-label-left {
    padding-left: 0;
    }

    3. Save the form

    Hopefully this helps. Please let us know the result.

  • Profile Image
    guest_22792673249060
    Answered on October 06, 2012 at 04:08 PM

    Hi Jot Form,

     

    I treid both Forum recommendatsion to adjust the left margin, neither are working on my site,  *** URL removed ***

     

    This WP template has a Rocket panle or Master key for injecting CSS, and this is where I've applied the rule(s) suggested above.

     

    Where else could I try ti apply this rule to reduce the margin, in the editor? Or directly in the jotform embed script?

     

    Thank you,

     

    Luxli

  • Profile Image
    guest_22792673249060
    Answered on October 06, 2012 at 04:33 PM

    Hi Jot Form Support, I've used the Prefernces, advanced settings CSS in Jot Form embed, and still the margins are not reduced

     

    I require Zero margin. I cannot tell if this is WP issues or Jot Form.  This maybe a formatting issue withint WP tempalte.  All forms are showing up on center of columns, vs aligned to far left of the columns

     

    Thank you

     

    Luxli

  • Profile Image
    abajan
    Answered on October 06, 2012 at 05:27 PM

    Hi Luxli

    In Google Chrome, the following CSS rule appears on line 353 of your page's source, enclosed in script tags instead of style tags:

    .form-line, .form-label-left {padding-left: 0;}

    Please replace the script tags with style tags and let us know if it helps.


    Wayne

  • Profile Image
    guest_22792673249060
    Answered on October 06, 2012 at 10:08 PM

  • Profile Image
    Rodjit
    Answered on October 06, 2012 at 10:49 PM

    @guest_22792673249060,

    Your response aren't posted on our forum, please re-post it using this thread. http://www.jotform.com/answers/105409-Left-margin

    Thanks