The image at the top and bottom of my form is off center to the right of the form.

  • Profile Image
    ButchBowling
    Asked on December 26, 2014 at 07:54 AM

    Please help. I have attempted over and over again to center my business logo onto the form I have been working on for over a week. The images at the top and bottom of my form are slightly shifted to the right of the background and form itself. I have attempted to resize the images, but they remain shifted to the right. Their current size is perfect, I just want them centered on the form. Here is my form url...

    http://www.jotformpro.com//?formID=43525149924156#design

     

    Thank you in advance.

  • Profile Image
    Welvin
    Answered on December 26, 2014 at 09:07 AM

    Hi,

    You have posted this already and my colleague just give you an answer: http://www.jotform.com/answers/482413. Kindly check and let us know if the solution doesn't help.

    Thank you!

     

  • Profile Image
    Welvin
    Answered on December 26, 2014 at 09:09 AM

    I just want to add, the images are centered. However, your border is too big to fit the entire width of the form. The codes given by my colleague will adjust it.

    Here's my clone form with less border size: http://www.jotformpro.com/form/43593246502959.

    Thank you!

  • Profile Image
    abajan
    Answered on December 26, 2014 at 09:19 AM

    Since the border is 19px, changing

    [data-type="control_image"] img {
    margin-left: -16px !important;
    }

    to

    [data-type="control_image"] img {
    margin-left: -19px !important;
    }

    should perfectly center the image. Also, the !important keyword doesn't appear to be necessary in this instance but it does no harm.