jza

The changes did appear after exiting and I was linking to a copy of W3.css hosted on my web server. I opted to call the file and any of my own classes I just wrote them in the style tags.

Thank you but I'm not sure that answers my question... I'm making changes to the existing classes in W3.css and the changes aren't coming through.

Good day,

I am trying to use the W3.css framework with one of the free templates. The issue is that none of my modifications to W3.css appear to be coming through... For example, if I was to change the w3-black class from:

.w3-black,.w3-hover-black:hover{color:#fff!important;background-color:#000!important}

To:

.w3-black,.w3-hover-black:hover{color:#fff!important;background-color:#CCC!important}

I would expect the background colour of this DIV to go from black to grey, but that is not the case, it stays black.

<div class="w3-top">
  <div class="w3-bar w3-black w3-wide w3-padding w3-card">
    <a href="#home" class="w3-bar-item w3-button"><b>BR</b> Architects</a>
    <!-- Float links to the right. Hide them on small screens -->
    <div class="w3-right w3-hide-small">
      <a href="#projects" class="w3-bar-item w3-button">Projects</a>
      <a href="#about" class="w3-bar-item w3-button">About</a>
      <a href="#contact" class="w3-bar-item w3-button">Contact</a>
    </div>
  </div>
</div>