Form top logo is partially hidden after applying a Theme with logo

  • dakotahorizons
    Asked on October 23, 2015 at 12:16 PM

    We have a theme applied to our forms. When we go in and apply it to a form, it shows up correctly. When we go to the live form, it cuts the top of the theme off. This used to work and it looked fine, but just recently something happened and it doesn't display correctly anymore.

    What can I change to make this work?

     

    Thanks,

    Jay

  • Carina
    Replied on October 23, 2015 at 2:23 PM
     
     
    body, html {
           margin: 40px 0 0 !important;
       }
     

    Let us know if we can assist you further.  

  • dakotahorizons
    Replied on October 27, 2015 at 9:25 AM

    Now when I put that CSS code in, it makes a new theme without any formatting. Also, the theme we originally created will not apply and the forms will only take the theme that is created when I saved the theme with the new CSS code.

     

    The theme was designed and then shared from our jenebo account.

     

    Jay

  • Carina
    Replied on October 27, 2015 at 10:56 AM

    Please try using the Revision History to restore the form to a previous version:

    http://www.jotform.com/blog/95-Introducing-Form-Revisions-Never-Lose-Your-Work-Again- 

    If the logo is still partially hidden please try adding this css code:

    .jotform-form {
        padding: 120px !important;
    }
     
    You can adjust the value of the green part.
    Let us know if the problem persists.
  • jenebo
    Replied on October 27, 2015 at 12:02 PM

    This method seems to be band-aiding the original issue. The theme worked before, and all of sudden in the last couple weeks, it went awry. When applied to any of my forms, the same result happens. Wouldn't this be some sort of setting on the theme itself rather than adding code to each of my already-built forms?

  • Jeanette JotForm Support
    Replied on October 27, 2015 at 2:57 PM

    Instead of adding the extra code, I've set the Bottom Margin to 0 px

    Form top logo is partially hidden after applying a Theme with logo Image 1 Screenshot 20

     

    Now the image at the top is being seen completely.

  • dakotahorizons
    Replied on October 27, 2015 at 3:35 PM

    I did change the bottom margin to 0px on the theme and re-saved it (I share this theme so our sub-accounts can see it). Using the same theme, this one works, while this one does not. I cannot tell what the difference is between the theme applied to these two forms. Most of my forms look like the latter, although a couple do look like the first link.

    Can you spot anything I am doing wrong?

    Jay

  • Mike
    Replied on October 27, 2015 at 6:05 PM

    It appears that there is currently an issue with the form covers when they are applied as a part of a theme. You may try adding Carina's CSS directly to the Theme (then you might need to re-apply updated theme to your forms).

    .jotform-form {
    padding: 120px !important;
    }

    We have attached a bug report ticket to this thread and forwarded it to our Development Team for consideration.

  • Mike
    Replied on October 27, 2015 at 6:13 PM

    I cannot tell what the difference is between the theme applied to these two forms. Most of my forms look like the latter, although a couple do look like the first link.

    Correct forms are probably re-saved in form designer.

    In other words, you can try to re-save a form in form designer to fix the logo positioning issue. Re-saving will add default CSS which will add required spacing.

    Form top logo is partially hidden after applying a Theme with logo Image 1 Screenshot 20

    Thank you.