[Solved] Hover technique Not Working

[halebales24]

I’m trying to make the logo in my header fade when you hover over the image by adding:

.intro-logo a:hover {
opacity: 0.8;
filter: alpha(opacity=80);
}

But it won’t fade.
Also, my h1 font for the title of the page will not change color when hovering over it and I cannot seem to get rid of the underline with this code:

.intro-title h1 {
font-size: 36px;
font-weight: 600;
color: #444;
padding: 20px 10px 0 20px;
width: 50%;
margin-left: 35%;
margin-right: 35%;
text-decoration-line: none;
}
.intro-title a:hover {
color: #777;
}

If you need to see more code, check it out on my GitHub at https://github.com/hnbvt24. Thank you for any and all help.

[Paulie_D]

A Codepen Demo is what we prefer.

[halebales24]

Here you go: http://codepen.io/halebales24/pen/ZGYrRY

:)

[Paulie_D]

Image fade

.intro-logo a:hover {
  display: block; /* needs this */
  opacity: 0.8;
  filter: alpha(opacity=80);
}

Underline

.intro-title a {
    text-decoration: none;
}

http://codepen.io/Paulie-D/pen/VLYQGr

[halebales24]

Thank you so much! It works.

[Author]

Posts