Margins padding side spacing top bottom spacing

  • Profile Image
    liverpoolgsd
    Asked on February 18, 2012 at 04:17 AM

    Hi, I have embeded a form on my site in an iframe but the form is over large so I have tried reducing the iframe down and now it has has 0 padding on the left and loads on the right. I just want to center it up with maybe 6mm all round.

     

    I have read other answers giveing various code and with instructions to inject it. I have tried injecting all the codes but it seems to make no differnce to my form.

     

    Her is my latest attempt.

     

    <script type="text/javascript" src="//form.jotform.net/jsform/20251255185">.form-all {

    padding:10px 5px 5px 10px; </script>

     

    What am I doing wrong ?

     

    Would it be possible to be able to do this in the "form design " for us novices, with say a table containg the default margins so the can be changed easily.

     

    Just a second query: while im here.

    I enabled the form hint, which hovers over the options in a yellow window, over the drop down box. The problem I have is the yellow window obscures the selector arrow, so the options can't be selected.

    I have had to put the hint ("Before we can book you on a course we need to first see" ....) on the webpage but depending on the browser or magnifictaion on the browswer it doesnt always line up.

    Is there a way of controling the hint window? so it doesnt obscure the arow on a drop down selction.

     

    Thanks

  • Profile Image
    NeilVicente
    Answered on February 18, 2012 at 10:11 AM

    I can't see any injected CSS in your form. Here is how to inject CSS:

    Click Setup & Embed > Preferences > Form Styles, click the Inject Custom CSS textarea, then paste your codes.

     

    For your convenience, I went ahead and pasted this code:

    .form-all {
    padding:10px 5px 5px 10px;
    }

    Please check your form to see if the changes you want is applied.

    As for your second query, kindly open a new thread for it. We advise against posting multiple unrelated questions on the same thread.

    This is to provide for a more efficient support experience to our users. Thank you!

  • Profile Image
    NeilVicente
    Answered on February 18, 2012 at 10:13 AM

    Note: You may play around with the padding values to get the desired effect.

  • Profile Image
    liverpoolgsd
    Answered on February 19, 2012 at 04:17 PM

    Wow ! thank you much for explaining where the inject feature is.

    .form-all {
    padding:10px 5px 5px 10px;
    }

    I am guessing the first number is 12 oclock,

    the second 3 O'clock, then 

    the third 6 O'clcok AND

    the forth 9 O'clock

    I worked it out after a few goes at experimenting.  

    Again thanks.

     

    I'll post my second query lets hope you can work your magic again. :)