BP Profile Search › Style appearance of search-filter/distance filter
April 21, 2022 17:49 UTC #11692Fabian SchultzGuest
Hi, how are you?
I am planning to make a BuddyPress website and wanted to add a filter to search for other members nearby. I heard that to do that I need BP search profile + BP distance.
I checked out some videos and pictures and wanted to ask if it is possible to change the design/appearance for the km distance dropdown field.
Now, I am not a coder, more like new to WordPress but I was hoping that I could replace the regular BP search/filter distance field with a custom css range slider for the kilometres distance between members.
Is this possible? In the css videos that I watched on YouTube they use html, css and js codes, and I have no idea whether or not this can replace the regular BP style.
Would be nice if you could tell me if it is possible or not.
Thank you 🙂April 22, 2022 19:22 UTC #11693andreaPlugin Author
You can modify the default BP Profile Search form template to make it look the way you want, but that’s not straightforward in my opinion.
Hi Andrea, how are you?
Sorry to ask one more follow-up: If I wanted to do some custom css work on it, do I have to apply this change in the plugins code or in BuddyBoss code then?
BuddyBoss uses .php and that is a way over my head lolJune 7, 2022 20:47 UTC #11722andreaPlugin Author
In my opinion, the best way to apply custom CSS to your WordPress site is to use:
Customize => Additional CSS
You can immediately see the effect of your additional CSS, which will then be saved in the database.