Hi, i want to add icons beside text in a field as in the example below. How do I do that? This is going to be a contact form for a trade show.

  • Profile Image
    Asked on October 02, 2017 at 01:15 PM
  • Profile Image
    Answered on October 02, 2017 at 01:36 PM

    The icons in that form are inserted and positioned using CSS.  Here is an example for the first image:

    #cid_1:before {
        content : url('https://s3-eu-west-1.amazonaws.com/uploads-eu.hipchat.com/46354/310582/tKAptApa5nRK6tz/Screen%20Shot%202014-09-26%20at%203.54.38%20PM.png');
        position : absolute;
        top : 7px;
        left : 45px;
        width : 46px;
        height : 38px;

    It loading the image from its URL, placing it before the first field and then changing its position to look like it is placed before the field text.