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

    CSS for removing border shadow

    Asked by tabtag on June 24, 2013 at 05:23 AM

    Hello,

    I have been tweking the style of the form quite successfully. How ever there are some things I can not change.

    1) I would like to get rid of the border in the hoover state of the captcha. The css overrules the style of the form for the normal state (inactive), how ever when hoovering the captcha, the border apperas although I definde "border:none;" here as well.

    2) I would like to change the images shown with the error messages, as a yellow sign simply does not fit with the all over design of my web page. So is there a way to link other images (designed by myself) to the error messages and the captcha reloud button?

    Please help me to solve these two challenges ;)
    Best,

    Volker

    Screenshot
    style hello
  • Profile Image
    JotForm Support

    Answered by Morian on June 24, 2013 at 08:32 AM

    Hi Volker! Thanks for contacting Jotform.

    1.) For your first question, in order to remove the box shadow, please inject this CSS code:

     

    .form-line-error input,

    .form-line-error textarea, .form-validation-error {

    border: none;

    -moz-box-shadow: none;

    -webkit-box-shadow: none;

    box-shadow: none;}

     

    2.) I don't think using CSS code can override the image in the validation error message. You can download the form's source code, though, and modify it from there

    http://www.jotform.com/help/104-How-to-get-your-Form-Source-Code

     

    Let us know if you need further assistance. Thanks!