How can I move the Form Background Image to the top right?

  • TheRobinGroup
    Asked on August 16, 2017 at 3:44 PM

    I want my form to look like this... with the video to the right of the form

    How can I move the Form Background Image to the top right? Image 1 Screenshot 30

     

    however by default, jotform is putting the image way at the bottom. How can I move it to the right of the form, inline with the heading "your home sold..."?

    How can I move the Form Background Image to the top right? Image 2 Screenshot 41

    Jotform Thread 1225230 Screenshot
  • Support_Management Jotform Support
    Replied on August 16, 2017 at 5:35 PM

    Looks like the image you added that image as a Form Background. To set its position, use the following CSS Codes:

    .form-all {

      background-position: top right !important;

    }

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

    Result:

    How can I move the Form Background Image to the top right? Image 1 Screenshot 20

  • TheRobinGroup
    Replied on August 16, 2017 at 8:43 PM
    Thanks I'll try it!
    Ashley Callahan
    *Director of Marketing*
    The Robin Group of Keller Williams
    p: 985-778-2525
    f: 844-778-2525
    a: 1200 W Causeway Approach, Ste 27, Mandeville, LA 70471
    w: www.TheRobinGroupKW.com


    Give us a Review

    *Each Keller Williams office is independently owned and operated. Licensed
    in Louisiana. Office Direct Line 985-727-7000 Emails sent or received shall
    neither constitute acceptance of conducting transactions via electronic
    means nor create a binding contract until and unless a written contract is
    signed by the parties.*
    ...
  • TheRobinGroup
    Replied on August 16, 2017 at 8:43 PM
    It worked! Now, can I link the image to a youtube video?
    Ashley Callahan
    *Director of Marketing*
    The Robin Group of Keller Williams
    p: 985-778-2525
    f: 844-778-2525
    a: 1200 W Causeway Approach, Ste 27, Mandeville, LA 70471
    w: www.TheRobinGroupKW.com


    Give us a Review

    *Each Keller Williams office is independently owned and operated. Licensed
    in Louisiana. Office Direct Line 985-727-7000 Emails sent or received shall
    neither constitute acceptance of conducting transactions via electronic
    means nor create a binding contract until and unless a written contract is
    signed by the parties.*
    ...
  • Support_Management Jotform Support
    Replied on August 16, 2017 at 8:56 PM

    Hey Ashley, I'm glad that helped but your last reply (can I link the image to a youtube video?) won't work. You used the image as a background so there's no way to point it to a link.

    I recommend you use an actual Image Field instead of setting the Form Background Image so you can point it to a link if needed.

    How can I move the Form Background Image to the top right? Image 1 Screenshot 30

    How can I move the Form Background Image to the top right? Image 2 Screenshot 41

    Also, we're usually only handling 1 question/topic per thread. So if you need help with adding a YouTube video to your form, I urge you to open a new thread by clicking the link below:

    https://www.jotform.com/contact/