Logo is placed behind the form

  • EHSPMB
    Asked on April 10, 2019 at 2:17 PM

    Hello

    I have a problem with my form template, attached an image that shows the error with the layout and hidden image.


    1554920171Capture Screenshot 10


  • Richie JotForm Support
    Replied on April 10, 2019 at 4:10 PM

    To clarify, do you want to show the background image in your form?

    I assume this is how you want your form to look like.

    Screenshot:

    Logo is placed behind the form Image 1 Screenshot 20

    You can add these CSS in your form.


    .form-all:before {
          top: -165px;
          margin-left: -223px;
    }

    Guide:https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

  • EHSPMB
    Replied on April 12, 2019 at 4:38 PM

    No, the correct format to image of letter blue is equal the atchment...

    1555101532Capture Screenshot 10

  • EHSPMB
    Replied on April 12, 2019 at 4:40 PM

    But, , the above logo has been inserted and is correct

  • Kevin Support Team Lead
    Replied on April 12, 2019 at 7:38 PM

    Try modifying the code my colleague provided and injecting the following instead: 

    .form-all:before {

          top: -165px;

          margin-left: -223px;

    }

    Guide: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 


  • EHSPMB
    Replied on April 15, 2019 at 12:25 PM

    It did not help, the problem still persists.1555345499Capture Screenshot 10

  • Richie JotForm Support
    Replied on April 15, 2019 at 1:57 PM

    Can you please try this custom CSS instead,

    .form-all:before {

        top: -185px;
        margin-left: 0px;
        width: 0px;
    }

    Let us know if the issue still remains.