Style appearance of search-filter/distance filter

BP Profile Search Style appearance of search-filter/distance filter

  • Author
  • #11692 Reply
    Fabian Schultz

    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 🙂

    #11693 Reply
    Plugin Author

    Hi Fabian,

    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.

    Also, I’m not a CSS or JavaScript expert, and I’m unable to offer more detailed advice. Sorry!

    #11721 Reply
    Fabian Schultz

    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 lol

    #11722 Reply
    Plugin Author

    Hi Fabian,

    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.

Reply to: Style appearance of search-filter/distance filter
My Information