Search profile form styling

Hi llud,

Each search field has a name, say Gender, and a field ID, say 12. Each field is enclosed in a div like this:

<div class="editfield field_12 field_Gender">

so you can use the field specific classes to style your fields with CSS.

Otherwise, if you need full control over the generated HTML, you can edit bps-form.php in the plugin directory.

Hello Andrea,

thanks for your quick answer.

I have tried to change the CSS file creating classes for each field but is not working.

Maybe there is an error in my code, I am doing something like this

.editfield field_16 field_role alt {
width: 250px;
background-color: #111;
border: 1px solid white;
float: left;
min-height: 450px;
color: white;
}

Anyone can help with this.

Thanks

Hold on…Just found it…I am an idiot!

Everything fixed I know where I was mistaking.

Thanks everybody for the silent support

Grazie Andrea

Ciao llud,

I guess you realized that editfield field_16 field_role alt are four different classes, and you need to specify only one of them in your CSS rule. I’m adding this for other users who might read this thread in the future.

I actually marged them together using this kind of

.editfield.field_16.field_role.alt ecc ecc

it works like a charm ??

Thanks again for your work now I have to start thinking how to get a custom field type (countries) into the search …any idea?

Also a proximity field would be great…one step at a time ??

If you plan on using custom profile fields, you may want to read

https://dontdream.it/bp-profile-search/custom-profile-field-types/