How can I move my fields left instead of center?

  • Profile Image
    SunbridgeInstitute
    Asked on December 04, 2015 at 11:18 AM

    The photo that I have in the background is a little distracting, and I would like to move the fields more to the left, because of this. Can I do that?

    Also, I would like to darken the background of the fields section a little, but I can't figure out how to do that. Can you show me?

    Thank you for your help!

  • Profile Image
    KadeJM
    Answered on December 04, 2015 at 12:15 PM

    If I am not mistaken it seems to me that you wish to offset your form to the left some since it is currently centered and distracting being in front of the main parts of your background image.

    To do this you can either use our form designer or injected css.

    Here's the line of css code you would need to shift this to the left.

    .form-all {margin-left: -100px;}

     

    As for your other question I have moved that to this secondary thread as a new question.

  • Profile Image
    KadeJM
    Answered on December 04, 2015 at 12:17 PM

    I also meant to tell you that you can adjust how far to the left you want it by editing the value for " -100px " in the css code. The higher you raise the value the more to the left it will move and the lower you have it into the positives will move it further the other direction. 

  • Profile Image
    KadeJM
    Answered on December 04, 2015 at 12:28 PM

    Here's an Updated Version of your Form for You:

    https://form.jotform.com/53375055476966?  [CLONE ME!]

    I set the Negative PX Value to " -15px " because I realized that 100 was way too much when viewing the entire form so I do apologize about that.

  • Profile Image
    SunbridgeInstitute
    Answered on December 04, 2015 at 12:36 PM

    I appreciate your thoroughness. I was playing with this and found that there was no difference between -1px and -30px. I find this strange. It would be nice to have a little bit of a margin on the left rather than having my fields butting up against the left side. Is there any way to accomplish this?

    Thank you!

  • Profile Image
    KadeJM
    Answered on December 04, 2015 at 01:01 PM

    You are welcome and it's no problem.

    To push it off the edge then you will need to go back into the positive values since that is why.

    I updated this on the cloned form demo above so you can see it visually as well.

    You will notice theres a small gap on the left side.

     

    Are you planning on embedding this? If so you may possibly need further adjustments.

     

    Change the CSS to This:

    .form-all {margin-left: 5px;}

     

    Updated Screenshot of New Result:

  • Profile Image
    Boris
    Answered on December 04, 2015 at 02:16 PM

    I can see that this thread is back in our Support Inbox marked as not answered, despite Kade's post above being the last post I could find.

    SunbridgeInstitute, if you had sent a reply after my colleague's last post, I'm afraid that our forum software missed it. Could you please kindly try re-sending your message to us again, and we will be happy to help.

    Thank you.