Design by GeoComplete widget

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)

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.

OK, Thank you