Bootstrap/Content module CSS changes

So I am modifying the template.css in the bootstrap template to match my Joomla! template. No big deal there. What I have done is changed a couple of colors and functions nothing major. Here is the bulk of what effects what I am doing.

Approximately row 33:
Starting around row 1269 (will be off because I have added lines)
If you are more of a visual person, here is what it is supposed to look like, this is in the Profile Viewer. The active tab should have white font, a gradient green background, a font shadow and a green similar to the selected tab when hovering over another tab name. The "non-selected" tab names have a greyish font.

Looks good.

Now, if you go into the manage connections, you get this:


What is happening here, is somehow the code is not recognizing the selected tab as far as the font color is concerned, and it is grey like the "non-selected" font. It recognizes the tab as selected as far as the background color...??

EDIT: Take a look at that "Manage" word. After some reviewing of the code, I can say that it is kind of adhering to this code, the font does have a shadow, it is just the wrong color.

Any help from the CB crew would be much appreciated.

Inspect the CSS and see what's overriding the color. Since your shadow is applying then that block of code is working, but something further down is overriding the color. Use Firebug for Firefox or F12 in Chrome then right click and inspect the text to review the CSS.

Yes, I have done this, that is how I found what I did. The css file is being overwritten by the template.css that is in the template itself (Only in the manage connections screen). The problem is, this is not the case when just viewing the profile.

EDIT: The modification of the template.css in the bootstrap template, specifically: "color"

does not seem to have the same effect on the Manage Connections screen, as it does in the view profile screen.

Connections Manager page has its own custom styling, because it's actually independent of the rest of CB as it's a partial part of core and part of CB Connections plugin. The CSS after inspection should show you what line the color is being change then simply remove it or change it there.

Maybe I am not doing a good job of describing where the code is that is making the change. The color assigned to the text, that is being applied, comes directly from the templates\bootstrap\template.css. If I comment that out in firebug, it goes back to the #FFFFFF color, which I would think it should.

Edit: If I do comment that out, it will have a negative effect on the profile tabs, which is where I do want that color assigned. These two tab setups look as though they are meant to use this "selected", "hover" and so on assignment by the template.css. One of them is working properly, the other is not.

The templates\bootstrap\template.css has the
.cb_template_bootstrap a, overwriting the .cb_template_bootstrap a:active,
ONLY when viewing the manage connections. I see that the connections plugin does have it's own folder in the com_comprofiler folder, but there is no css in there.

I guess at this point I need to go through the php file and look for a class assignment. I do see one to "getConnectionTab". Trying to track that down.
If you would be so kind as to take a look, I think you will quickly see what I am talking about. I can create a login for you as the site is locked down.