Design by GeoComplete widget

  • Profile Image
    tctrust
    Asked 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)

     

  • Profile Image
    Mike_G
    Answered 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
    tctrust
    Answered on March 05, 2017 at 06:04 AM

    OK, Thank you