I am using twentytwelve and a child theme at http://ift.tt/1VA80aj.
I would like all links in my website to have this dark blue color on hover: #0f3647
The only links where this color is working is the post titles. These links, however, stay #21759b on hover no matter what I try:
- After a post, the links for "Continue reading" and "X Replies"
- The links under the "Recent Posts" widget on the right
- The "Reply" links in the comment area under a post
Below is the exhaustive list I've tried adding to my child theme's style.css, and none of them have any effect. Somewhere, deep the soul-sucking abyss of CSS, the hover property is being overridden.
I tried a giant hammer:
a:hover {
color: #0f3647 !important;
}
And I tried these (where #0fs647 is #21759b in the parent):
For "Continue reading" and "X Replies":
.more-link a:hover {
color: #0f3647;
}
.leave-reply a:hover {
color: #0f3647;
}
.reply-count a:hover {
color: #0f3647;
}
For the Recent Posts widget:
.widget-area .widget a:hover {
color: #0f3647;
}
For the "Reply" in the comments area:
.comments-link a:hover {
color: #0f3647;
}
I also tried:
.site-header h1 a:hover,
.site-header h2 a:hover {
color: #0f3647;
}
.main-navigation a:hover,
.main-navigation a:focus {
color: #0f3647;
}
Any suggestions?
via Chebli Mohamed
Aucun commentaire:
Enregistrer un commentaire