BuddyBoss Home – Web › Support Forums › Themes › Boss. theme › Can't Change Font Color for BuddyPress Elements
- This topic has 12 replies, 3 contibutors, and was last updated 9 years, 7 months ago by Alyssa.
Question
February 26, 2015 at 11:02 am #36490@jewdotcampIt 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.
Answers
February 26, 2015 at 12:43 pm #36495@style960@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.
February 26, 2015 at 6:49 pm #36547@alyssa-buddyboss
AlyssaParticipant@jewdotcamp Let me know if you need further help with this issue.
March 23, 2015 at 9:34 am #37769@jewdotcampHey 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
March 23, 2015 at 7:15 pm #37811@alyssa-buddyboss
AlyssaParticipant@jewdotcamp try appending
!important
to the end of the code before the semi-colonApril 8, 2015 at 1:35 pm #38659@jewdotcampI recently added the
!important
line as @tjchester suggested , but it didnt workApril 8, 2015 at 6:15 pm #38682@alyssa-buddyboss
AlyssaParticipant@jewdotcamp perhaps it is a caching issue? Can you send me a link to your staging site?
April 11, 2015 at 1:03 pm #38809@jewdotcampyou’ll see the issue in /staff/activity /staff/members
April 11, 2015 at 2:35 pm #38812@alyssa-buddyboss
AlyssaParticipant@jewdotcamp all looks good to me. What browser and OS are you using?
April 15, 2015 at 11:14 am #38949@jewdotcampYou’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.
April 16, 2015 at 9:28 pm #39032@alyssa-buddyboss
AlyssaParticipant@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;}
April 23, 2015 at 11:54 am #39278@jewdotcampUnfortunately 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.
April 23, 2015 at 8:27 pm #39296@alyssa-buddyboss
AlyssaParticipantSounds good, I’ll close this out.
- The question ‘Can't Change Font Color for BuddyPress Elements’ is closed to new replies.