BuddyPress.org

Hi @applegateian – I think the problem might be the snippet you’re using to output the data string.

try doing something like this:

if ( $items = bp_get_member_profile_data( array( 'field' => 'Budget' ) ) ) {
    foreach ( $items as $item ) {
        // put whatever you want here
        echo $item;
        // put what you want here
    }
}

Note: I haven’t tested.

@applegateian
Maybe I am missing something here! Did you add those fields in the dashboard, or was it some custom hack?

@applegateian
If your on the view profile page and you are inspecting with dev tools you should see a tr class with the field_ID followed by td class label and td class data. You should be able to use those to your advantage.

@applegateian
I just created a checkbox called “Sign up for our newsletter” and this is what is return when I inspect the element:

<div class="editfield field_21 field_sign-up-for-our-newsletter">

				
				
				
				
				
				
					<div class="checkbox">
						<span class="label">Sign up for our newsletter </span>

						<label><input checked="checked" type="checkbox" name="field_21[]" id="field_22_0" value="Yes"> Yes</label>					</div>

				
				
				
									<p class="field-visibility-settings-toggle" id="field-visibility-settings-toggle-21">
						This field can be seen by: <span class="current-visibility-level">Anyone</span> <a href="#" class="visibility-toggle-link">Change</a>
					</p>

					<div class="field-visibility-settings" id="field-visibility-settings-21" style="display: none;">
						<fieldset>
							<legend>Who can see this field?</legend>

							<ul class="radio"><li><label for="see-field_public"><input type="radio" id="see-field_public" name="field_21_visibility" value="public" checked="checked"> Anyone</label></li><li><label for="see-field_loggedin"><input type="radio" id="see-field_loggedin" name="field_21_visibility" value="loggedin"> Logged In Users</label></li><li><label for="see-field_adminsonly"><input type="radio" id="see-field_adminsonly" name="field_21_visibility" value="adminsonly"> Admins Only</label></li><li><label for="see-field_friends"><input type="radio" id="see-field_friends" name="field_21_visibility" value="friends"> My Friends</label></li></ul>
						</fieldset>
						<a class="field-visibility-settings-close" href="#">Close</a>
					</div>
				
				
				<p class="description"></p>
			</div>

I could see how this could be targeted. Are you inspecting on the edit profile page that has the checkbox’s?

@applegateian
Have you tried using firefox in conjunction with firebug to target those elements? You could also use google chromes or IE’s dev tools.

@applegateian each checkbox should have a unique ‘id’ which you can use to target specific checkboxes.

Do you have a link to your page with the checkboxes on it?

You have to give the field a title when you add new profile fields via WP Admin > Users > Profile Fields. Whatever you’ve chosen as your field title is what you should use

Any suggestions on how to do with an existing drop-down select box field type in Profile Fields?

If you are referring to what the users see and not the admin like in your screenshot you can just target with CSS no need to use a function.

The CSS is:

#buddypress .standard-form .field_2 div.checkbox label

field_2 could be different depending on where you placed the checkboxes in the admin.

// Insert New Field
xprofile_insert_field(
    array (
           'field_group_id'  => 1,
           'name'            => 'Twitter',
           'field_order'     => 1,
           'is_required'     => false,
           'type'            => 'textbox'
    )
);

You would need to build a script to map the usermeta over to bp profile fields, then they will display automatically in the profile screens.

@serie3369
You really should still make a child theme and add that that to it. Otherwise if you update your theme it is likely that it will be overwritten.

FIX: I downloaded the firefox addon FireBug. I clicked on the label box for one of the Profile fields that were all showing up white text and were not able to see. This addon allows you to see where the source of the code lies. I found mine in my themes Bootstrap.min.css file. For an easier way to read your code or search for the text color, use your bootstrap.css file. But all final code changes need to be in bootstrap.min.css. My code looks like below:

.label,.badge{display:inline-block;padding:2px 4px;font-size:11.844px;font-weight:bold;line-height:14px;color:#000;text-shadow:0

I already changed the color to black, before it would’ve been #fff