How to set the border transparency in form?

  • Profile Image
    MSMUwebmaster
    Asked on October 11, 2017 at 01:22 AM

    I'm trying to mimic a design from another site so I need a grey transparent border around my white form (with a photo back ground). I'm trying to make that boarder have a transparency of about 20% - I'm not sure how to do that with CSS on this form. Also, my border has a white hairline around it and I'm not certain why or how to remove it.

    https://form.jotform.com/72786676907173

    Can you help?

    KH



    This is a re-post of a comment on Customize Your Form Using Custom CSS Codes

  • Profile Image
    ashwin_d
    Answered on October 11, 2017 at 05:25 AM

    I don't think you can change the border transparency but you can use rgba color instead of hexadecimal color for the border-color.

    Please inject the following custom css code in your form and set the rgb value as per your requirement:

    .form-section.page-section {


      border: 18px solid rgba(0, 0, 0, 0.3);

    }

    Do try it out and get back to us if you have any questions.