BuddyPress

By no stretch of the imagination am I a pro at CSS. I’m learning the more and more I do, but I have no formal training with any of this stuff.

I’m trying to stylize the “Create a Group” button that appears on this page:

http://www.fromthesurf.com/members/Webmaster/groups/

II think what it’s doing is taking the link color that I defined in:
div.item-list-tabs#subnav

div.item-list-tabs#subnav a {
color: #fff;
}

and applying it to the button.

I’ve tried doing this, and about a billion variations of it, and i’m still having no luck.
div.item-list-tabs#subnav ul li:button a{
color: #000000;
}

If any of you guys could be help, it would be most appricated!

Thanks!

Have you tried using the features that google chrome has. You can right click any item and it will show you everything that makes a particular item. You can then copy those css rules and then paste them into your child theme stylesheet and adjust them.

changing div.item-list-tabs#subnav ul li:button a
to #subnav ul li a.button or #subnav ul li a#create depending on how you inserted “Create a Group” link in that section