CSS for Changing Links to Different Colors in WordPress

Save
Next Video:
How to Create Sub-Menus in Wordpress....5

Changing links to a different color in WordPress requires the use of a pretty specific CSS technique. Learn about the CSS for changing links to a different color in WordPress with help from a programmer and web designer in this free video clip.

Part of the Video Series: Web Design & WordPress
Promoted By Zergnet

Comments

Video Transcript

Hi, I'm Omar and I'm a programmer. Today, I'm going to show you how to change the link colors using CSS and I'm going to show you how to implement this on your WordPress blog. So you can use this anywhere on any webpage but I'm just going to show you how to implement this on your WordPress blog. So the first thing you want to do is log in to your WordPress. As you can see I've already done here and I'm on my dashboard so the first thing you want to do is go to appearance and editor to edit the main style sheet of your theme. Now this current theme that I'm using, which is 2011, doesn't have a different color for all the links. So, all you do is scroll all the way down and I put my own added CSS in the end of the file just to make sure that it overrides any CSS they have that I didn't find. So, I already have the CSS that I need to add saved to my clipboard, and I'm just going to go ahead and paste it and explain to you what it was, what it is. This CSS controls the link on your entry and the main part of the code is the anchor link, anchor visited, anchor active and anchor hover. Now I change the color so that the hover color is different than the active color, and the active visited and all the other links are the same. This is the actual hex code for the color that I want to use. And once you are done with this, your links you'll notice are a different color. I'm Omar, and I just showed you how to change link color using CSS on your WordPress blog. Thanks for watching.

Featured

Related Searches

M
Is DIY in your DNA? Become part of our maker community.
Submit Your Work!