lundi 5 octobre 2015

Cannot change hover color for links

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