What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Design by GeoComplete widget

    Asked by tctrust on March 04, 2017 at 05:56 PM

    Hi,

    I need to round off the corners of the GeoComplete field and change the placeholder style (must be of the same style, how the text field below in the screenshot)

     

    Page URL:
    https://form.jotformeu.com/70516429944361

  • Profile Image
    JotForm Support

    Answered by Mike_G on March 05, 2017 at 12:35 AM

    Please try to add the following CSS codes below to the CSS tab of the GeoComplete widget.

    input#geocomplete {

    font-size: 14px !important;

    border-radius: 6px !important;

    height: 25px !important;

    border-color: #cccccc !important;

    }

    input#geocomplete::-webkit-input-placeholder { /* Chrome/Opera/Safari */

      color: #a9a9a9 !important;

      font-family: "Muli", sans-serif;

    }

    input#geocomplete::-moz-placeholder { /* Firefox 19+ */

      color: #a9a9a9 !important;

      font-family: "Muli", sans-serif;

    }

    input#geocomplete:-ms-input-placeholder { /* IE 10+ */

      color: #a9a9a9 !important;

      font-family: "Muli", sans-serif;

    }

    input#geocomplete:-moz-placeholder { /* Firefox 18- */

      color: #a9a9a9 !important;

      font-family: "Muli", sans-serif;

    }

    input#geocomplete:focus {

    border-color: #66afe9 !important;

    outline: 0 !important;

    box-shadow: 0 0 0px rgba (102, 175, 233, .6) !important;

    }

    I hope this helps. If you need any further assistance, please feel free to contact us again anytime.

     

    Thank you.

  • Profile Image

    Answered by tctrust on March 05, 2017 at 06:04 AM

    OK, Thank you