Change Nav and Comments Hover Colors
-
Hello,
I’ve looked everywhere in the forum and found how to change the colors on almost everything I wanted excepted for two things:
1) I want to change the hover color of main navigation menu at top, but I’m not sure what the CSS code would be.
2) I want to do the same thing where it says “No Comments” under each post title. I removed it all together using CSS because I want my red color scheme to match, but I’d rather keep it.
I’ve add CSS hover color codes for the social icons, post headline titles, links, etc. I think I’m just missing these two.
Thanks in advance.
-
Any help?
Hey there,
If possible, please post a link to your website. Thanks!
Well, the website is no using this theme yet. I’m going to be using multiple themes but I want to use Olsen for the blog part of my site. I’ve added in the CSS code to fix everything, I just don’t know how to fix the navigation menu hover color.
My site is http://www.joeportes.com but you won’t see this theme there now so that probably won’t help.
I’ve got it figured out now. If this helps anyone looking, I’ve changed all the things several people were looking to fix. I’ll include all of it below in one easy-to-find spot.
**Changing font & hover colors in Olsen**
/* Link */ a { color: #000000; } a:hover, a:focus { color: #e62e00; } /* Nav Menu */ .site-bar.group a:hover { color: #e62e00 } .navigation:hover { color: #e62e00; } .navigation { color: #000000; } /* Post Entries */ .entry-title a:hover { color: #e62e00; } .entry-title a { color: #000000; } .entry-content a, { color: #000000; } .entry-content a:hover { color: #e62e00; } .entry-meta a { color: #e62e00; } .entry-meta a:hover { color: #000000; } .entry-comments-no a { color: #e62e00; } .entry-comments-no a:hover, .entry-comments-no a:focus { color: #000000; } /* Social, Meta, Buttons */ .read-more { color: #e62e00; border-color: #000000; } .read-more:hover { border-color: #e62e00; color: #000000; } .entry-utils .socials a:hover { color: #e62e00; } input[type="submit"], button.searchsubmit { background: #e62e00; } .btn, .comment-reply-link, input[type="button"], input[type="submit"], input[type="reset"], button { background: #e62e00;}
Hello!
You can use this CSS
.navigation > li > a:hover, .navigation > li.sfHover > a, .navigation > li.sfHover > a:active { color: #b49543; }
to manipulate the menu hover color and this
.entry-meta a:hover { color: #161616; }
to manipulate the meta hover one.
- The topic ‘Change Nav and Comments Hover Colors’ is closed to new replies.