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!

[@enderpal444 Participant 13 years, 2 months ago]

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.

[@mercime Participant 13 years, 2 months ago]

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