Topic: Changing table label text color for custom profile fields · BuddyPress.org

Skip to:: Content; Pages; Categories; Search; Top; Bottom

Changing table label text color for custom profile fields

prdufresne
Participant

@prdufresne

8 years, 7 months ago
We just installed BuddyPress on our website, and I’m having an issue with the color scheme that came up by default.

On the member profile page, where it lists the field data, the column that is supposed to show field labels isn’t rendering correctly. It’s putting a border around the text (not the cell label, a separate text border offset from the cell), the text is being rendered in white and the background of the label is matching the background of the cell adjacent to it, but the cell itself remains white when the field data background is lightly shaded.

By inspecting the element, I think I’ve figured out that the font color and border are being applied by bootstrap.min.css which appears to be part of the magee-shortcodes plugin and the funky text position is being applied by buddypress.min.css.

Here’s the code from the bootstrap.min.css file:
```
.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}
```
Is there an easy way for me to override these? I just don’t know where to make the change.

ThanX!

Viewing 2 replies - 1 through 2 (of 2 total)

prdufresne
Participant

@prdufresne

8 years, 7 months ago
I was able to override the offending settings by adding a few lines in the custom css file of my theme. Below are the changes I made to resolve the issue, in case anyone else runs into a similar problem
```
#buddypress table.profile-fields td.label {
    color: #555555;
    display: table-cell;
}
```
Pete Hahn
Participant

@dryheat3

8 years ago

Thank you! Thank you! Thank you! I had the exact same problem and your solution worked for me as well. Someone needs to kick this up the chain to development so they can tweak the CSS in a future release.

Viewing 2 replies - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.