BuddyPress.org

@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

You could use this or study it to write your own:
https://wordpress.org/plugins/bp-profile-search/

@randygootjes
This would be easy using just BuddyPress Xprofile fields:
https://codex.buddypress.org/user/buddypress-components-and-features/extended-profiles/
You could create a dropdown menu and make it required and only allow the selection from say 21 to 120 years of age (“Not like most of us will live that long anyway unfortunately”) But also have a check box that is required that all information entered to join the site is true etc.

@serie3369
The codex is your Buddy:
https://codex.buddypress.org/legacy/building-a-buddypress-child-theme/

okay first, how do you create a child theme?

Second, how do you make the child theme to only change the color of the profile fields from white to black.

I would love some step-by-step here since I know little about editing code and what not.

P.S. I do have my themes original style.css posted above for convenience.

PLEASE HELP!