Need Help Changing Hypertext/Hover Color. Curator Theme.
-
Hi.
I just installed Curator as my current theme but I noticed the link colors are mixed up. I purchased previously the CSS upgrade and for my previous theme, I changed the colors of the links but somehow it did not transfer the editing well to this new theme. I’m not really good at this so would really appreciate the help.
In the past, when I view the CSS spreadsheet, it shows me the entire thing, so it’s easy to guess which are the links and which-not but I noticed they changed the spreadsheet and now I can only type the changes I want without being able to see the entire thing.
In any case- this is what’s in my CSS box right now:
————————————————
.logo h1 a:hover {
color: #dfaacf;
}.post-title a:hover,
.attachment-title a:hover,
.page-title a:hover {
color: #dfaacf;
}a,
a.action-link,
.more-link,
.dater .month,
.copy table th,
.entry-meta a:hover,
.comment h4.comment-name a,
.comment-reply-link,
ul.widget-list li.widget .content a,
.infinite-scroll #infinite-handle span {
color: #dfaacf;
}.copy blockquote {
border-left-color: #dfaacf;
}h1.site-title a {
color: #dfaacf;
}h1.site-title a:hover {
color: #dfaacf;
}————————————
I would like to make everything pink including the title, side links, hypertext, etc…
Thank you in advance.
The blog I need help with is: (visible only to logged in users)
-
Hi there,
Generally speaking, it will be simpler to add
!important
to your link rules. It’s not a best practice, and in this case you can change all the link colors of your site (albeit with a heavy hand) by using a declaration like:
a:hover { color: #E893DF !important; }This tells every other style in your theme that has more specificity that this rule is more important. It essentially overrides everything in the theme’s default CSS styles that relate to links with the hover pseudo-class.
So !important should be used with caution, but here it gets the job done. :)
Hope that helps!
-
Hi Jerry,
Thank you for taking the time to answer. That’s a new info, thanks for sharing. Unfortunately I really don’t know anything about CSS so I’m thinking it’s a little risky to change anything at this point.
The problem is, I can’t see the entire CSS script. The wordpress box only allows me to write commands. I can’t guess where the blue links are so I can change them to pink. I usually look for the color numbers, go to Photoshop and check which color they are then change them to the color code I want.
Anyway,
Thanks for helping! -
Hi Jerry,
Thank you for taking the time to answer. That’s a new info, thanks for sharing. Unfortunately I really don’t know anything about CSS so I’m thinking it’s a little risky to change anything at this point.
The problem is, I can’t see the entire CSS script. The wordpress box only allows me to write commands. I can’t guess where the blue links are so I can change them to pink. I usually look for the color numbers, go to Photoshop and check which color they are then change them to the color code I want.
Anyway,
Thanks for helping! -
The problem is, I can’t see the entire CSS script. The wordpress box only allows me to write commands. I can’t guess where the blue links are so I can change them to pink.
But you are able to see the styles that you have added into the CSS tab if you scroll around a bit, yes? I know the window can be small, but I want to be sure that it is at least working correctly for you.
Regardless, you can just add the style I gave you in my previous answer to your existing Custom CSS. Order is not important, so just add it on a line of it’s own in your existing CSS, wherever you can find the space.
Hope that helps. Please let me know if you have any further questions.
- The topic ‘Need Help Changing Hypertext/Hover Color. Curator Theme.’ is closed to new replies.
WordPress.com Forums 