This topic has 11 replies, 3 voices, and was last updated 6 years by Radu.

  • Author
  • #195701
     lusien
    Participant

    Hello,

    I have recently add some description to the profile fields to make everything more user friendly. However, I would not like this to be visible in the advanced search or if yes to be well formatted and smaller like in the user profile.

    1. Currently, the description is coming in the advanced search automatically from the field definition. I can change but not delete it (see pic 1).

    2. As a result, in the Advanced search on members page everything looks totally user unfriendly. Is there a way to remove it or format this better? I know you provided some css but not sure what applies to my case as I copied everything in style.css of the child theme but the result is not OK (see pic 2).

    3. When advanced search is performed, above Members title I can see the filter used being added. There is a Clear link, however not nice formatted to make it lot more visible. It took me sometime to understand how this is working. Is it possible to bring the clear button next to Search (like in pic 3) and remove the filter? Is is there any way to make it more user friendly?

    4. As I have the Advanced search how can I remove the default search member option?

    Thanks in advance.

    Attachments:
    You must be logged in to view attached files.
    #195707
     Kieran_SQ
    Moderator

    Hi,

    Thanks for reaching out about customizing the output of the BuddyPress Profile Search plugin output. I cannot find the correct CSS to hide this nicely so I will refer this ticket to one of our developers who will be in touch as soon as they can, Monday to Friday, East European Time.

    In the meantime please post your site URL as you are using custom elements which will mean the CSS will need to be adjusted to your site.

    Thanks,

    Kieran

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

    #195712
     lusien
    Participant
    This reply has been set as private.
    #195808
     Radu
    Moderator

    Hi,

    1. try to add an empty space there instead of any word.

    2. try this css

    COPY CODE
    
    
    .su-spoiler-content.su-clearfix .editfield {
         margin-top: initial !important;
         float: initial !important; 
         width: initial !important;
    }
    
    
    .su-spoiler-style-fancy > .su-spoiler-content label {display: inline-block;width: auto !important;}
    
    

    I saw that you had styled in a way in style.css the first rule from css will overwrite that selector.

    .su-spoiler-content.su-clearfix .editfield{}

    3. IT add’s this parameter to the URL ?bp_profile_search=clear and all criteria will be cleaned

    https://cristea.ch/members/?bp_profile_search=clear

    4. If you are referring to the default wp search use this plugin : https://wordpress.org/plugins/disable-search/

    Cheers
    R

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #195840
     lusien
    Participant

    Hi Radu,

    Many thanks for your answer.
    1. Good point. I have tried it and it works.
    2. Looks better. I will try to play a little bit around.
    3. I saw also how Clear button is working but my question is if there is a way to move the button inside the Advanced Search window, next to the search button. The fact that is on top of page title having the members search in between makes everything very confusing.
    4. I have installed and activate the plugin but it does not hide the members search from the Members page. Maybe you misunderstood the search I meant (see picture attached). Also I saw the warning that the plugin was not tested with the WordPress version I have. This might be another reason.

    Best regards.

    Attachments:
    You must be logged in to view attached files.
    #195905
     Radu
    Moderator

    Hi,

    You can turn off the search input from wp-admin -> theme options -> buddypress -> BuddyPress Members Search input

    You can easily add a button near search form that clears the criteria

    Let me know if it’s ok like that.

    Cheers
    R

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #195935
     lusien
    Participant

    Hi Radu,

    Thanks a lot for your support.

    With the instructions provided I was able to hide the members search from point 3.

    On point 4, please note I am having a advanced search using the Shortcodes Ultimate recommended plugin. I have tried to add the code you mentioned in the form header however I cannot see any change (see attached).

    Not sure if it works the same.

    Regards.

    Attachments:
    You must be logged in to view attached files.
    #196043
     Radu
    Moderator

    Hi,

    I see in this case should add that in that shortcode, from where you had chosen the fields or the search form to be collapsed ?

    Cheers
    R

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #196072
     lusien
    Participant

    Hi Radu,

    Many thanks for your help. In principle I understand what you mean but doing it I have to admit it is not simple. How can I integrate the html in following code line (at list this is where I think you suggested)?

    echo do_shortcode( ‘[su_spoiler title=”OPEN Advanced Search Tab” style=”fancy” icon=”caret”][bps_display form=1053][/su_spoiler]’ );

    Regards

    #196155
     Radu
    Moderator

    No problem.

    Looking at they shortcode options and cannot see any option to add custom html in that shortcode.
    https://getshortcodes.com/shortcodes/spoiler/

    As a workaround you can use this css

    COPY CODE
    
    p.bps_filters {
        background: #0095c2;
        width: 200px;
        position: fixed;
        color: #fff;
        right: 0;
        top: auto;
    }
    
    p.bps_filters a {
        background: red !important;
        color:#fff !important;
        padding: 0 10px;
        margin: 10px !important;
        display: block;
    }
    

    Will do this, there the div showing the selected criteria remains fixed when you scroll.

    Cheers
    R.

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #196201
     lusien
    Participant

    Hi Radu,

    Thanks, I got the point and it works.

    I will mark the ticket as closed.

    Regards.

    #196269
     Radu
    Moderator

    Hi,
    Great
    Have a nice weekend
    Cheers
    R.

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
Viewing 12 posts - 1 through 12 (of 12 total)

You must be logged in to reply to this topic.

Log in with your credentials

Forgot your details?