I have an issue. Here is the CodePen. I have an "h1" as the title of my page. I added an underline to "a" and I had to systematically remove it from everything I did not want a underline on. But I can't seem to figure out how to get rid of it for the "h1." I used text-decoration: none, but it seems to do nothing. Also, the underline is repeating itself four times over because I have a text-shadow on my "h1" as well. How do I get rid of it? Thank you in advance!
The problem is that you did not give the underline to the h1 element but instead to the parent a element. So to remove that underline you would have to give the a tag text-decoration:none; not the h1. Like this
But that removes the underline from all links. I want my links to have an underline if they are anything but the header area. How do I accomplish this?
I have an issue. Here is the CodePen. I have an "h1" as the title of my page. I added an underline to "a" and I had to systematically remove it from everything I did not want a underline on. But I can't seem to figure out how to get rid of it for the "h1." I used text-decoration: none, but it seems to do nothing. Also, the underline is repeating itself four times over because I have a text-shadow on my "h1" as well. How do I get rid of it? Thank you in advance!
The problem is that you did not give the underline to the h1 element but instead to the parent a element. So to remove that underline you would have to give the a tag text-decoration:none; not the h1. Like this
But that removes the underline from all links. I want my links to have an underline if they are anything but the header area. How do I accomplish this?
add this:
#logo{ text-decoration: none; }Thank you muchly, @defogge.