CSS not being applied to every page

  • Unknown's avatar
    maleallies · Member ·

    Hello,

    I applied some very simple CSS to our website to make links midnight blue, but it is only being applied to a few (seemingly random) pages throughout the site. Other pages have the default grey links.

    a:link {
    color: midnightblue;
    }

    I added in a hover command to see if that would work:

    a:hover {
    color: blue;
    }

    and it has been applied to every page, but the standard link colour is still not being applied (i.e., the pages that had midnightblue links now turn blue when hovered over, and the pages that had grey links now turn blue when hovered over, but I want them all midnightblue).

    The code above is the full extent of our custom CSS so there isn’t much room for anything else to be hiding.

    Any help would be appreciated.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    thesacredpath · Member ·

    Hi, Maisha has some other CSS selectors for link. Replace your a:link CSS rule with the following. It appears to catch all links. 

    a, a:link, .news .entry-content a, .page-template-full-width-page .entry-content a {
  color: #00008b;
}

    For a hover color, let’s try modifying what you have to the following. 

    a:hover, a:focus {
 color:blue !important;
}

    It is generally a good idea not to use the !important keyword as it can cause issues, but in this case It should not be a problem.

  • The topic ‘CSS not being applied to every page’ is closed to new replies.