Help Changing The Color Of Links

GrooveBricks
(@groovebricks)

10 years, 4 months ago

Howdy Guys!

I really appreciate all of the help you have provided. I wanted to ask for one last favor. Could you tell me how to change the color of these 3 elements:

1)Link on the Authors Name
2)Links of the post titles in the box with two arrows
3)Links of the post title in the “Related Posts” section

I have highlighted these elements in this image: http://imgur.com/LNyzKGt

I want to change them from a pink color to blue. Please help me with this little problem! 🙂

Thanks in Advance,
Groove

Viewing 3 replies - 1 through 3 (of 3 total)

SideKick Dan
(@shout-out-sidekick)

10 years, 4 months ago
Hey GrooveBricks,

Try this code. You could combine all of them into two, but i kept them separate so you’d have a little more control. Again place them where is best for your situation in css files. Keep me posted 🙂 Let me know how it goes or if there’s any other help I can provide.

Danny 🙂
```
/* Author Description Name Link */

.author-description h2 a {
color: #005081 !important;
}
.author-description h2 a:hover {
color: #cccccc !important;
}

/* Single Post Bottom Post Nav Links */

.single-post-nav a {
color: #005081 !important;
}
.single-post-nav a:hover {
color: #cccccc !important;
}

/* Related Posts Thumbnail Looks */

.related-posts ul li a {
color: #005081 !important;
}
.related-posts ul li a:hover {
color: #cccccc !important;
}
```
Thread Starter GrooveBricks
(@groovebricks)

10 years, 4 months ago

WOW! It all works! Danny, you are helping me out sooo much. You have no idea how happy I am thanks to your help. Could you help me with just one more thing?

I want to change the colors of these items:

1)Body Links in an article
2)Tags
3)Comment and Author Icons

Here you have some reference: http://imgur.com/AYj4Gxd

Also, could you tell me if its possible to change the color the search box link. It says “Search” in pink letters and I want to change it to blue as well.

Reference: http://imgur.com/1BPPgXK

Thanks again for all your help. I am quite new to the world of coding and stuff and your guidance is really helping me out.

-Tomas
SideKick Dan
(@shout-out-sidekick)

10 years, 4 months ago
Hey Tomas,

On the icons, it looks like they’re pulled in via css as small images. The css seems to indicate that they have the following file names. You’d have to locate them in the template files, then upload exact replacements in the color of your choice from what i can see. Without being able to root around in the files to look for them I can’t really give you a location. As a reminder, you might do all changes in a custom css file or child theme. Oh, almost forgot, if you wanted to upload your own images the exact same size anywhere in your child theme, you could modify the css code after to just set new file locations for the same icons. but it might be easier just to upload new images by the same names and in the same locations.

Keep me posted and let me know if there’s anything more I can help with! Tell your friends. My info can be found in the profile by clicking my gravatar image 🙂 [Moderator note: Please continue to keep all support on these forums]

Bubble Comments f087
Person Outline f007

Here is some code for the links 🙂
```
/* Body Links All Links */

a {
color: #005081 !important;
}
a:hover {
color: #cccccc !important;
}

/* Post Footer Tag Links */

.post-footer a {
background: #005081 !important;
border: 1px solid #005081 !important;
color: #ffffff !important;
}

.post-footer a:hover {
background: #000000 !important;
border: 1px solid #000000 !important;
color: #ffffff !important;
}

/* Search Title */

.screen-reader-text {
color: #005081 !important;
}
```

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Help Changing The Color Of Links’ is closed to new replies.

Tags