David_G

I almost have it using this, it doesn’t seem to work on ACTIVE though. It doesn’t affect the regular buttons either.
I don’t get the reverse colors, just blue but I like it.

.btn-dave .tc-fade- hover-links a.btn-dave:focus,.tc-fade-hover-links a.btn-dave:hover, .tc-fade-hover-links a.btn-dave:active{
 text-decoration:none;
 background-position:0 29px;
 background-color: #0000ff;
 color: #fff;
 -webkit-transition:background-position .1s linear;
 -moz-transition:background-position .1s linear;
 -o-transition:background-position .1s linear;
 transition:background-position .1s linear
 }

I think you misunderstood. I am working with buttons not the navbar.

Here is the snippet I am working with. This works great

.btn-dave {
background-color: rgba: (0, 0, 0, 0,);
background-image: linear-gradient(to bottom, #ff0000, #0000ff);
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
color: #fff;
}

I tried to use my own colors for the hover but this is not working:

.btn-dave.active, .btn-dave.disabled, .btn-dave:active, .btn-dave:focus, .btn-dave:hover, .btn-dave[disabled] {
background-color: linear-gradient(to bottom, #0000ff, #ff0000);
color: #fff;
}

So what you are saying is if I use less lines my sites will load faster correct? What kind of difference will it make when my current child css is 424 lines and I reduce it by half or one third?

Oh crap! now I see it, the extra bracket. This snippet is the only one where I have everything on the same line. I cannot believe I missed that. All fixed, Thanks…

It works now. Thanks a lot. 🙂

Thanks d4z, that helped a little. The hover turns red but the static bars are still refusing to change.

That didn’t work.