How to set the border transparency in form?

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

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.