What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    How could I remove external border of the form?

    Asked by bobrock4 on December 04, 2014 at 08:36 AM

    Hi, I've tried to change all referrals to border in css to border:none, but it hasn't been enough. How could I do to remove the external border (with shadow) from http://www.jotform.com//?formID=43363240664351#?

    Thanks

    border box-shadow remove border remove box-shadow remove shadow CSS
  • Profile Image
    JotForm Support

    Answered by Charlie on December 04, 2014 at 09:32 AM

    Hi,

    Are you referring to the actual border including its shadow?

    You can use this custom CSS code that I have:

    .supernova .form-all {

        border:none;

        box-shadow: none;

    }

     

    The border should remove the actual border of the form, while the box-shadow will only remove the shadow effects around it. You can inject the custom CSS code inside the CSS tab of the Form Designer.

     

    I hope this helps. Let us know if you need more assistance on this.

    Thank you.

  • Profile Image

    Answered by bobrock4 on December 04, 2014 at 04:33 PM

    Hi,

    I've tried following your instructions but the border is already there. Here is the last piece of code

     .supernova .form-all {
        border: none;
        box-shadow: none;
      }

    Could I also ask to you how to remove the sample logo over the form?

    Thanks and Regards

     

     

  • Profile Image

    Answered by Ben on December 04, 2014 at 05:45 PM

    Hi,

    There is already this code in your jotform

    .supernova .form-all {
        border: 1px solid #e6e6e6;
        box-shadow: 0 3px 9px rgba(0, 0, 0, 0.1);
    }

    What this means that if you add this code:

    .supernova .form-all {
        border: none;
        box-shadow: none;
    }

    You would have correct code, but equal in importance, so the one that gets assigned later would be the one that sticks on the jotform.

    To change this we can include !important which would make your styles more important, but I personally look to avoid them as much as possible since they are very hard at eliminating if so is needed later on (for example if this is assigned to all textboxes and you want to style one differently than the others).

    In your case we can do this:

    .supernova .form-all {
        border: none !important;
        box-shadow: none !important;
    }

    or this:

    .supernova div.form-all {
         border: medium none;
         box-shadow: none;
    }

    The div is the element that has the .form-all class assigned to it. Basically we are more specific with the rule and because of it, it gets more important.

    In regards to your other question about removal of the image above the jotform, I have moved it to a new thread so that we can avoid any confusion and focus on one point at a time.

    You will be able to find it here: http://www.jotform.com/answers/469638

    Best Regards,
    Ben

  • Profile Image

    Answered by bobrock4 on December 05, 2014 at 04:33 AM

    Hi,

    I appreciate so much your assistance. You're a very good service. All our attempts are not removing that border.

    I'm sorry for long post, but I try to show to you the code of the whole form. Maybe you can see the incongruence.












     
     

       
         
           

             

               
                  Richiesta informazioni
               
               

                  gratuita e non impegnativa sui servizi
               

             

           

         
         
           
              Nome
             
                *
             

           
           

             
           

         
         
           
              E-mail
             
                *
             

           
           

             
           

         
         
            N. Tel.
           

             
           

         
         
            Messaggio
           

             
           

         
         
           
              Inserire il testo visualizzato
             
                *
             

           
           

             

                Captcha - Reload if it's not displayed           

                 
                  Reload             
               

             

           

         
         
           

             

               

    Raccolgo i vostri dati nel rispetto della normativa privacy vigente. Leggi l'informativa


             

           

         
         
           

             

               
                  Invia
               
             

           

         
         
            Should be Empty:
           
         
       
     

     
     
  • Profile Image
    JotForm Support

    Answered by Charlie on December 05, 2014 at 08:33 AM

    Hi,

    I would suggest that you edit your forms using the Form Designer.

    I've checked your form, cloned it and added the custom CSS code.

    Here's the cloned form: http://form.jotformpro.com/form/43383104116950, you can clone it by following this guide, after that you can edit and make use of it.

     

    I hope this helps.

    Thanks

     

  • Profile Image

    Answered by webdesignsperu on September 26, 2016 at 02:05 PM

    .supernova div.form-all {
         border: medium none;
         box-shadow: none;
    }

     

    Thanks!!

  • Profile Image

    Answered by Irshad on September 26, 2016 at 03:35 PM

    @webdesignsperu: Thanks for your message!

    If you face any issue or need assistance, feel free to revert back.

    Thanks.