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

    My Custom CSS does not affect the form

    Asked by samphaimobile on April 01, 2014 at 07:44 AM

    http://form.jotform.me/form/40862039444455?

    I added some custom css to my form but it seems it does not affect any changes on the form if i preview in a browser... did i make anything wrong?

    This is what i added to the "Inject Custom CSS" field

    .checklist {

    border: 1px solid #ccc;

    background: #fff;

    list-style: none;

    max-height: 30em;

    overflow: auto;

    width: 28em;

    -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.2);

    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.2);

    box-shadow: 0 2px 6px rgba(0,0,0,0.2);

    }

    submit-button-big_green:hover {

    color: #586803 !important;

    border: 3px solid #8a9c38 !important;

    background: #abc04f;

    background: -moz-linear-gradient(top, #d2e477 0%, #abc04f 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d2e477), color-stop(100%,#abc04f));

    background: linear-gradient(top, #d2e477 0%, #abc04f 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d2e477', endColorstr='#abc04f', GradientType=0 );

    }

    JotForm Inject Custom CSS style height
  • Profile Image
    JotForm Support

    Answered by liyam on April 01, 2014 at 08:51 AM

    Hello,

    For your submit button, can you replace submit-button-big_green:hover with button#input_2:hoverHowever, for your checklist, it won't be possible since its content loads from an iframe.  

    Please let us know if you have other questions or concerns.

    Thanks.