How do I add graphics to a text field

  • Profile Image
    hilakeville
    Asked on July 17, 2015 at 12:44 PM

    I have a text field template which has an icon for one, but when I copy/duplicate it won't transfer with. What do I do?

  • Profile Image
    Sammy
    Answered on July 17, 2015 at 01:57 PM

    The issue seems to lie in the CSS used to place the image in the textfield, the current one is tied to that specific textfield

    textarea#input_15 {
        background-image : url('https://shots.jotform.com/welvin/icon/info2.png') !important;
        background-repeat : no-repeat !important;
        padding-left : 40px !important;
        background-size : 16px 16px !important;
        background-position : 10px 5px  !important;
    }

    You can remove the specific css and make it applicable to all textareas by default using the snippet below

    textarea {
        background-image : url('https://shots.jotform.com/welvin/icon/info2.png') !important;
        background-repeat : no-repeat !important;
        padding-left : 40px !important;
        background-size : 16px 16px !important;
        background-position : 10px 5px  !important;
    }

    Insert the CSS as highlighted in the image

    Kindly let us know if you need further assistance