Add icon to form field

  • Profile Image
    henryclarke10
    Asked on March 22, 2017 at 04:05 PM

    Hello:

    I have a form on the following page: 

     

    The first three fields on the form have icons to the left of the form fields.  We added an icon to fields 4 and 5, yet they are not showing up.  Here is the CSS for the third (showing up) and fourth (not showing up) fields in the form.

     

    #cid_4:before {

        content : url('https://s3-eu-west-1.amazonaws.com/uploads-eu.hipchat.com/46354/310582/z8j4pH8b5Ca5OM3/Screen%20Shot%202014-09-26%20at%203.54.46%20PM.png');

        position : absolute;

        top : 2px;

        left : 41px;

        width : 46px;

        height : 38px;

    }

     

    #cid_10:before {

        content : url('http://henryclarkewebdesign.com/wp-content/uploads/2017/03/ugly-2.png');

        position : absolute;

        top : 2px;

        left : 41px;

        width : 45px;

        height : 40px;

    }

     

    Please let me know why this is happening.  Thanks.

  • Profile Image
    Welvin
    Answered on March 22, 2017 at 08:18 PM

    You should use the actual image URL with HTTP rather than using an absolute path.

    http://henryclarkewebdesign.com/wp-content/uploads/2017/03/ugly-2.png

    I've fixed it for you.

  • Profile Image
    Welvin
    Answered on March 22, 2017 at 08:24 PM

    I'm sorry, the form builder automatically changes any URL into a secure one. I decided to change the URL to our own. Please check again.

  • Profile Image
    henryclarke10
    Answered on March 23, 2017 at 05:52 AM

    Thank you.