[Resolved] The box where you enter a city to search on the view is too small to see

[Author]

Posts

[ryanl-3]

Tell us what you are trying to do? I need to know how to make the box where you type in the address (city,state) longer so you can see what you are typing.

Is there any documentation that you are following?

Is there a similar example that we can see? Yes I am attaching what it looks like on my site and the Distance search on your site is much longer. (it wont let me upload the image)

What is the link to your site?

[Waqar]

Hi Ryan,

Thank you for contacting us and I'll be happy to assist.

The styles of forms elements like the distance search field are dependant on the active theme and the available space, where the search form is shown.

You can control any design element of these fields ( including the width ) using custom CSS code, as needed.

For example, to make sure that the distance search input field is always shown with a minimum width value, you can add the following code in the "CSS editor" tab under the "Search and Pagination" section:
( example screenshot: hidden link )

#toolset-maps-distance-center {
min-width: 250px;
}

Note: To check which CSS code is applying to different page elements, you can use Google Chrome's inspect element tool, as explained in this guide:
hidden link

I hope this helps.

regards,
Waqar

[ryanl-3]

My issue is resolved now. Thank you!