User Profile Search Plugin – change styling

[Carly]

I am using the User Profile Search Plugin and would like to change the styling. Currently the desktop version is a large blank space for the drop down field. How can I make the background white for this area?
See screenshot.
Thank you

[Anve S.]

Hi @costyclan,

I see that the area you want to style is already white , can you please elaborate your query to make it clear for us.

Regards
Anve

[Carly]

Hi @anve, sorry it’s actually cream. I’ve attached another screenshot so that you can see it against the white header. I’d like the fields areas to be white background so that it stands out a little more, all you can see at the moment is a tiny down arrow on far right. I don’t know that people will know to select the dropdown menu without making it stand out a little more.
Thank you

[Anve S.]

HI #costyclan,

Please create a test user and send the details and the thread through our contact us page. I will provide you the css asap.

Regards
Anve

[Anve S.]

Hi @costyclan,

try adding the following css in child theme custom css option. Its going to give a white background to all of the fields .

body.members #buddypress input[type="text"], body.members #buddypress div.buddyboss-select-inner {
  background-color: #fff!important;
}

Regards
Anve

[Carly]

That worked. Thank you @anve.
One final thing with regard to this page. Is it possible to remove the search bar at the top of the members directory? I just want the two search fields that I’ve set up.

[Anve S.]

Hi @costyclan,

Try adding following css in child theme’s custom css option.

body.members #buddypress #members-dir-search {
  display: none;
}

Regards
Anve

[Carly]

perfect. thanks @anve

[Anve S.]

Anytime 🙂