how can i change the background to an image and widen the message box

  • Profile Image
    perrymanku
    Asked on December 13, 2013 at 07:35 AM

    Hello,

     

    I have this form:  http://www.jotform.com//?formID=33463176417961

     

    I would like to add an image as the background and widen the message entry box to be the same width as the other fields. 

     

    Please advise.

     

    Thanks

    Perry

  • Profile Image
    EliezerN
    Answered on December 13, 2013 at 10:59 AM

    To use an image as background of your form, first you need to remove the orange highlighted URL from the css code your form already has and add the URL of the image you wish to use:

    .form-all{

    padding-top:2px !important;

    background:url(https://cms.jotform.com/uploads/image_upload/image_upload/global/6461_clouds.jpg) no-repeat;

    border: 1px #A4E1FF solid;

    font-family: verdana !important;

    -moz-box-shadow: 1px 1px 3px #E1E1E1;

    -webkit-box-shadow: 1px 1px 3px #E1E1E1;

    box-shadow: 1px 1px 3px #E1E1E1;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    border-radius: 3px;

    color :#666666;

    }

    And to widen the Textarea/message field as the same width as the other fields, find and change to the desired width the orange highlighted values of the CSS code your form already has:

    form-textarea {

    width: 231px !important;

    max-width: 231px !important;

    margin-left: 2px;

    }

    Please inform us if you need further assistance with this.

    Thanks