Try adding:
.commentlist a:hover,.commentlist a:active,.commentlist a:focus (text-decoration:underline;}
to the bottom of your stylesheet.
Thread Starter
ta100
(@ta100)
Hi esmi. I put it in and it still looks the same. The code you gave looks like it would have worked, so not sure what to do. It must be something simple, but…?
Well, all three of these aren’t going to work:
.comments a:link, .tags a:active, .tags a:visited {text-decoration:none!important;}
.comments a:hover {text-decoration:underline!important;}
.commentlist a:hover,.commentlist a:active,.commentlist a:focus (text-decoration:underline;}
Try:
.comments a:link, .tags a:active, .tags a:visited {text-decoration:none;}
.comments a:hover,..comments a:active,.comments a:focus {text-decoration:underline;}
Did you fix this already, I can’t see an example of this problem in action?
Anyway most likley you need to define not to underline them first then use esmi’s code aswell.
E.G
.commentlist a{ text-decoration:none; }
.commentlist a:hover,.commentlist a:active,.commentlist a:focus (text-decoration:underline;}
EDIT: esmi got there before me!
Thread Starter
ta100
(@ta100)
Gosh, you see the comments link at the bottom of post NOT underlined, and then underlined ONLY when hovered, xdesi? If so, wonder why it doesn’t appear so on my computer. I don’t think a browser would matter, would it? I use FF 3.5.6.
OK. This is what I did (none worked):
1. Esmi’s second code suggestion (put on bottom of style.css)
2. Next I tried substituting xdesi’s code there.
3. Then I hope I did this right, to define not to underline them first. This is the section of the code I changed (if this is what you meant):
p.comments a:hover {
color: #983503;
text-decoration: none;
}
4. Finally with this change above, I tried both aforementioned codes (esmi’s and xdesi’s, one at a time) on the bottom again.
If these codes are right, is there something in the rest of my stylesheet that is screwing it up? (Again, it seems like whatever I put for the links in the post, the comments link just follows this.)
You need to be more specific with the selector you are using, e.g this will work:
#content p.comments a{ text-decoration:none; }
#content p.comments a:hover{ text-decoration:underline; }
You need to be more specific because this is applied earlier in your stylesheet:
#content p a {
color: #887851;
font-weight: bold;
text-decoration: underline;
} /*links in text of post*/
#content p a:hover {
color: #887043;
font-weight: bold;
text-decoration: underline;
} /*links in text of post*/
Thread Starter
ta100
(@ta100)
Thank you so much! It works! Wonderful. Holiday hugs!!!
No probs, happy holidays 😉
Thread Starter
ta100
(@ta100)
Note that as of December 23, 2009, please do not access the URL above because it may contain adult content.
(@ta100)
16 years, 5 months ago
I am using WP 2.9.
Theme: Black Splat WR (but I really customized it)
The comments link below each post is underlined. I don’t want it underlined until the cursor hovers over it. (I was able to achieve this on the “categories” and “tags” links.) However, it appears that the links in the content of the post are somehow connected to the comments link beneath the post.
What I want in short:
links in the post itself: ALWAYS underlined
comments link below each post: not underlined until the cursor hovers over the comments link
If you will, please check out my css. Also note that there are extra things put on the bottom of the css after the footer section. Not sure what it all means or if it matters.
URL: http:/hotsmoothdudes.com
Note that while this will be an adult site, there is no adult material on it at this time when I have posted the question. Since I cannot delete this post, I will add a reply when the problem is fixed and when adult material is put on the site, to comply with the rules of this forum.