Jump to content

Customizing W3.CSS


jza
 Share

Recommended Posts

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>

 

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
 Share

×
×
  • Create New...