badget

Biggest Sale! Special Offer!

Get 30% discount on all of our single themes with this coupon code: #30%SALE

Hurry up! *Limited time offer*
View all Themes

BuddyPress Members Directory search field unusable

Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 11, 2016 at 11:42 am #47530
    Tony
    Participant

    Hi… The search input field in the BuddyPress members directory is unusable [IMHO] with Attitude. I have tried deactivating all plugins except BuddyPress and bbPress but that makes no difference.

    If you follow this link to my test site, you will see the members directory using the Twenty Sixteen theme. Note that the Search Members… field is visible and usable just above the All Members bar. [The Twenty Sixteen theme will only remain while this support request is open.]

    Now go to my live site which is using Attitude. The field where you enter the search terms is nowhere to be seen, although the Search button is visible, albeit baldly placed.

    This is the same on medium and small screen layouts. I have looked at the html generated by the two themes and it looks the same, but presumably there is something up with the css? I am not expert in this, so if you can help or point me to the right place, I would be very grateful. Thanks in anticipation, Tony

    October 12, 2016 at 2:13 am #47537
    Theme Horse Support Team
    Keymaster

    hi Tony,

    Use below Custom CSS to show search field

    #buddypress div.dir-search {
    margin: inherit;
}

    If this doesnot work then try using 

    #buddypress div.dir-search {
    margin: inherit !important;
}

    Thank you

    October 12, 2016 at 1:13 pm #47539
    Tony
    Participant

    Brilliant! The first worked.

    My test site is now back on Attitude (actually via my Attitude Child theme). The search field is on a line above the button and also the Order By: is on a line above the select box. This uses unnecessary vertical space. With the Twenty Sixteen theme the search field appears on the same line as the search button and the Order by: label on the same line and before the select box. I think Attitude should follow this arrangement.

    If you feel this is beyond your support duty, could you give me some pointers what to do or where to look?

    thank you for your excellent help.

    October 14, 2016 at 4:35 am #47570
    Theme Horse Support Team
    Keymaster

    Hi Tony,

    Add below Custom CSS to fix the display issue: 

    #buddypress div.dir-search,
#buddypress input[type=submit] {
    margin: 0;
}
#buddypress div.dir-search input[type=text] {
    margin-bottom: 10px;
    padding: 10px;
    width: inherit;
}

    Thank you!

    October 14, 2016 at 6:56 am #47572
    Tony
    Participant

    That’s fixed the search field so it is on the same line as the search button – great!

    The Order by: label is still above the dropdown menu rather than to its left as in Twenty Sixteen. Is it possible to fix that too?

    thank you, Tony

    October 16, 2016 at 5:46 am #47613
    Theme Horse Support Team
    Keymaster

    Hi Tony,

    Add below custom css to display Order by: label and dropdown menu in the same line.

    #buddypress div.item-list-tabs ul li.last select {
    width: inherit;
}

    Thank you!

    October 18, 2016 at 11:08 am #47659
    Tony
    Participant

    That’s all fine now and gone live.

    Thanks for your great help.

    Tony

    October 18, 2016 at 11:16 am #47660
    Theme Horse Support Team
    Keymaster

    Welcome anytime. 🙂

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.