Jump to content

#contact-link css not working


Inkorporate

Recommended Posts

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 by Inkorporate (see edit history)
Link to comment
Share on other sites

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.

Link to comment
Share on other sites

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

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...