How to set the border transparency in form?

  • Profile Image
    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.

    Can you help?


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

  • Profile Image
    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: {

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


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