How do I add graphics to a text field

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?

Page URL: http://www.jotform.com//?formID=51974342680965#
Sammy

Replied on July 17, 2015 at 1: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