Skip Navigation

[Resolved] Distance filters on one line

This thread is resolved. Here is a description of the problem and solution.

Problem: I would like to create a custom search View with distance filters, and I would like the distance filters to appear on one line.

Solution: Custom CSS is required to style the distance filters, and can be added in the Search and Paginations section JS editor panel. Each theme applies different styles to form elements, so the exact CSS required varies for each theme.

This support ticket is created 6 years, 5 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

No supporters are available to work today on Toolset forum. Feel free to create tickets and we will handle it as soon as we are online. Thank you for your understanding.

Sun Mon Tue Wed Thu Fri Sat
8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 - -
13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 - -

Supporter timezone: America/New_York (GMT-04:00)

This topic contains 2 replies, has 2 voices.

Last updated by RafaelL7560 6 years, 5 months ago.

Assisted by: Christian Cox.

Author
Posts
#909354
Pic1.png
Pic2.png

Hello,

I want to use Google Maps and the Google Maps markers as well as the distance. So far it works, but the buttons are very wide from the distance Pic1. can I get the somehow narrower Pic2?

#909440

Hi, this type of customization requires custom CSS. Each theme applies different styles to form elements, so the exact CSS needed to create this design can vary from theme to theme. You may have to override specific styles added by your theme or the Toolset suite using CSS specificity.

You can add custom CSS to the CSS editor panel in your View's Search and Paginations section.

#911708

Thanks 🙂