How to remove an image from a form template?

  • avijfr
    Asked on August 7, 2017 at 2:47 PM

    Hi There,

     

    I have created a form using one of the pre-made themes in Jotform, but I'd like to know if there is a way of removing the envelope image at the bottom.

     

    https://form.jotform.ca/72185221828255

     

    Thanks

  • Kiran Support Team Lead
    Replied on August 7, 2017 at 4:01 PM

    I have checked your JotForm and see that the envelope displayed on the form is using CSS and not a single image. In order to remove the Envelope from the form, you may add the following CSS code to the form.

    .form-all:after {

        border-right-color: transparent !important;

        border-left-color: transparent !important;

        border-bottom-color: transparent !important;

        transform: rotate(360deg);

        box-shadow: none;

        z-index: 3;

    }

     

    .form-all > .form-section:after,

    #stage .form-all > .form-section:after {

        background : none;

    }

     

    .form-section.page-section:before {

        border-bottom-color : transparent;

    }

     

    .form-all {

      border-bottom: 1px solid #D0CEC7 !important;

    }

    Instead, you may also consider using the following similar themes from our theme store.

    https://www.jotform.com/theme-store/theme/big-blue

    https://www.jotform.com/theme-store/theme/orange-and-blue

    Hope this information helps!