Apply class only to ?

[aolbrechts]

Hello,

i’m trying to format a registration form I’ve just setup and I ‘d like to apply a class to the input of a field.
When in the admin I specify a class for a field, its applied to the whole field and not only the <input> tag. Is there a way do so ?

Thanks a lot,
Antoine

[Khaled]

Hi Antoine,
Please add following code to your functions.php

add_filter( 'user_meta_field_config', 'fieldCssClass', 10, 3 );
function fieldCssClass( $field, $fieldID, $formName ){
    if ( $fieldID == 'Target_Field_ID') {
        $field['field_class'] = 'my-common-class ';
    }
    
    return $field;
}

Thanks.

[aolbrechts]

Hello Khaled,

I’ve tried to add the code to functions.php file but still the same issue 🙁

If I edit the fields in User Meta section of the WordPress Admin and add a class to a field, the class is applied to the entire um_field_container and not only the < input >

Any idea ?

Thanks !

[Khaled]

You will need to customize these code as you needed. Change Target_Field_ID and ‘my-common-class ‘

Thanks.

[aolbrechts]

Sorry, but still doesn’t work 🙁

My test field is :
<label id="um_field_3_devenirmembre_label" class="um_label_top" for="um_field_3_devenirmembre">Prénom*</label> <input type="text" name="first_name" id="um_field_3_devenirmembre" class="um_field_3 um_input validate[required]" label_id="um_field_3_devenirmembre_label" />

I’ve modified the functions.php as you said :

add_filter( 'user_meta_field_config', 'fieldCssClass', 10, 3 );
function fieldCssClass( $field, $fieldID, $formName ){
   if ( $fieldID == 'um_field_3_devenirmembre') {
       $field['field_class'] = 'form-control ';
   }

   return $field;
}

The class “form-control” isn’t applied.
What should I change else ?

[antoine]

Hi Khaled,

I’ve tried to add these codes on many positions of functions.php, but it still does not work.

Where I have to add, please?

Antoine

[aolbrechts]

Any idea please ? Thanks !

[Khaled]

Hi Antoine,

Please replace um_field_3_devenirmembre with field id (e.g: 3)

This is not html element id, you can find this id on User Meta >> Fields Editor.
(e.g.: Username (username) ID: 3 )

Thanks.

[aolbrechts]

Great, it works, thanks !

[Author]

Posts