Form Cover Image position error on Firefox

  • AtTheCorner
    Asked on September 21, 2015 at 9:23 AM

    With Firefox, the position of the image "At The Corner" (the green/blue image at the top right of the page) is not correct. It should be in the middle of the page. How can I improve that ?

     

     

    Jotform Thread 666833 Screenshot
  • Boris
    Replied on September 21, 2015 at 1:42 PM

    The problem comes from one of the CSS rules on your form:

    .form-all:before {
      content: "";
      background-image: url("//www.jotform.com/uploads/AtTheCorner/form_files/smalllogo.png");
      display: inline-block;
      height: 30px;
      position: absolute;
      background-size: 199px 30px;
      background-repeat: no-repeat;
      width: 100%;
    }

    In order to fix it, all we need to do is to inject a CSS rule to override it:

    .form-all:before { display: block !important; }

    You can inject this code by opening your form in the Designer (Setup & Embed > Designer), and pasting the code at the bottom of the textbox under the CSS tab. Please refer to the images below for visual guide:

    Form Cover Image position error on Firefox Image 1 Screenshot 30

    Form Cover Image position error on Firefox Image 2 Screenshot 41

    Please let us know how it goes.

  • AtTheCorner
    Replied on September 27, 2015 at 1:59 PM

    Perfect. Thank you :)

  • Ashwin JotForm Support
    Replied on September 28, 2015 at 1:09 AM

    Hello AtTheCorner,

    On behalf of my colleague, you are welcome.

    Do get back to us if you have any questions.

    Thank you!