#contact-link css not working

[Inkorporate]

I'm trying to change the css for #contact-link

 

the code is

#contact-link a {color:#777; }

 

on the live page, the color is white.  I've linked an annotated screenshot of what I mean.  What is this referencing?  I can't find the color:white code ANYWHERE.  Its not in global or blockcontact

 

The theme I'm using is Tesla.

 

link here http://goo.gl/zvroqc

 

please help me solve this mystery.  yes, I am editing from the themes/tesla folder

 

my blockcontact code below

#contact-link {
  float: right;
  border-left: 1px solid #eee; }
  @media (max-width: 479px) {
    #contact-link {
      text-align: center; } }
  #contact-link a {
    display: block;
    color: #777;
    padding: 2px 7px 3px;
    cursor: pointer;
    line-height: 18px; }
    @media (max-width: 479px) {
      #contact-link a {
        font-size: 11px;
        padding-left: 5px;
        padding-right: 5px; } }
    #contact-link a:hover, #contact-link a.active {
      background: #eee; }
  @media (max-width: 767px) {
    #contact-link.is_logged {
      display: none; } }

Edited July 6, 2016 by Inkorporate (see edit history)

[roja45]

open the page in Chrome, right click on the contact link, select Inspect Element, it will tell you on lower right hand section exactly which css entry in which css file it is using.  If that's what you did, or it's telling you that you've changed the value in the correct place, then it's cached somewhere.

[Inkorporate]

Yes, I did that on firefox to see.  It is a cached file, my question is where is the original code other than where I stated?  It looks like the

#header #contact-link a

is superseding mine.  Where is that code?  i can't seem to find that

[roja45]

turn off all the CCC (COMBINE,COMPRESS AND CACHE) options, under Advanced Parameters > Performance in the Back Office.  You won't find anything with all your css files combined and compressed like that, once you've done that Inspect the element again and it will tell you the exact file, and the exact line that it is reading the style from.

[Inkorporate]

turn off all the CCC (COMBINE,COMPRESS AND CACHE) options, under Advanced Parameters > Performance in the Back Office.  You won't find anything with all your css files combined and compressed like that, once you've done that Inspect the element again and it will tell you the exact file, and the exact line that it is reading the style from.

 

So, my code was overwritten by ../modules/themeconfigurator/css/theme2.css.  I didn't realized I has used it, but was able to change it all from there.  Thank you for leading me in the right direction.