Help needed with background and borders on my form

  • Profile Image
    kafandco
    Asked on May 19, 2017 at 03:28 PM
    Also, the form on http://www.greenfieldapartments.com.au/register, I want it to be the same however I want all white text and button borders to be black as I want it on a black background. When I clone the form and then go to change the text and button styling to black it removes other styling. I'd also like to remove any background borders.
  • Profile Image
    Mike_G
    Answered on May 19, 2017 at 04:39 PM

    To my understanding, when you are trying to change the texts and the style of the button in a clone version of your form, the style from the original form is removed. I would like to apologize, however, may we know what exactly are the changes that you are trying to do with the texts and button of the clone version of your form so we can try to replicate it on our end, please?

    As for removing the background borders,

    please add the following CSS codes below to your form.

    .form-all{

        box-shadow: none !important;

    }

    .form-line-error{

      box-shadow: none !important;

    }

     

    Result:

    If, in any case, I have misunderstood your concern, please feel free to contact us again anytime.

    Thank you.

  • Profile Image
    kafandco
    Answered on May 19, 2017 at 07:01 PM

    You are correct in the shadows being removed, thank you.

    In regards to the colour, I need a form exactly the same though it needs to have black text as it's going on an all white background. I have cloned the form, changed everything to black but need to change the placeholder text to black:

    https://www.jotform.com/build/71387692006258

     

    Also

    , I have custom font I'd like to use. It was rented through Fontstand. How do I integrate that?
  • Profile Image
    jonathan
    Answered on May 19, 2017 at 10:29 PM

    To change the hint text color, use this CSS code

     

    ::-webkit-input-placeholder {

     

       color: black !important;

    }

    :-moz-placeholder {  

       color: black !important;  

    }

     

    /*--for IE10 support--*/

    :-ms-input-placeholder {

        color: black !important;

    }

     

     

    result

     

     

    the other question was about a different feature. We will resolve it separately here https://www.jotform.com/answers/1149761