Can't Change Font Color for BuddyPress Elements

[Jacob]

It seems for the buddypress elements that are present at the top of buddypress pages to filter the scope of results — ALL members, groups, favorites, etc… the default color is white.

I changed the main background color to white on my boss demo site but now those elements seem invisible. I can’t find where to change that color in customization…. Can you help me possibly with the CSS?

attached is a photo. I have added red elements to emphasize what can’t be seen.

[Paul]

@jewdotcamp Add this to the appropriate location in your child theme’s custom.css file (use the global area if you want to set it across all devices):

.directory.activity .item-list-tabs ul li a, .dir-form .item-list-tabs ul li a { color: #xxxxxx; }

Where xxxxxx is the color you want to set.

[Alyssa]

@jewdotcamp Let me know if you need further help with this issue.

[Jacob]

Hey All,

Thanks for the quick response last month. Forgive my delay. Unfortunately, this solution did not work for me. I entered the line of code that @style960 suggested, but it didn’t work for me. The text still shows up white.

Best,

Jacob

[Alyssa]

@jewdotcamp try appending !important to the end of the code before the semi-colon

[Jacob]

I recently added the !important line as @tjchester suggested , but it didnt work

[Alyssa]

@jewdotcamp perhaps it is a caching issue? Can you send me a link to your staging site?

[Jacob]

http://www.jew.camp/staff

you’ll see the issue in /staff/activity /staff/members

[Alyssa]

@jewdotcamp all looks good to me. What browser and OS are you using?

[Jacob]

You’re right! My apologies. The text has changed. Thank you.

I realized my issue is a step further. The text has changed colors, but what about the boxes around them? What css could change those? They end up white, which doesn’t work with my background.

[Alyssa]

@jewdotcamp try this:
.ui-tabs-nav.btn-group li.btn:first-child:not(:last-child), .ui-tabs-nav.btn-group li.btn, .accordion h3, .ui-accordion-content .inner, .directory.activity .item-list-tabs ul li:last-child, .dir-form .item-list-tabs ul li:last-child, .directory.activity .item-list-tabs ul li, .dir-form .item-list-tabs ul li{border-color:orange;}
If not, try this:
.directory.activity .item-list-tabs ul li{border-color:orange;}

[Jacob]

Unfortunately that didn’t work. However, I just changed my background color to provide enough contrast. I am satisfied with this result for now. Thank you so much.

[Alyssa]

Sounds good, I’ll close this out.