How to change link colors?

Links are connectors between two different points on a website.

ChromeBlogCropped-300x87

They are sort of like place holders that show your visitors where to find related content on your site, without having to search at all.

link definition

This is a link to our homepage for this site.

Links therefore serve a vital function in site navigation, and should be easily accessible. One way to ensure this is by highlighting them using a color that stands out from the rest of the text on the site. FYI, the most commonly used standard for link colors within text (as you see on this page) is blue.

You can pick which color you want your links to be within the top, featured section of your blog and footer by navigating to:

Dashboard > Traci’s Theme > General Settings > Theme Stylesheet.

custom css

You will see that as you pick the different CSS options, links change in these two areas, to go along with the new color styles.

A second method will change the color of your links within the text of your posts and pages, but leave background colors of the site intact. This is where the standard link color is usually left as blue.

Go to Dashboard >Traci’s Theme > Styling Options > Link Color

steps 1 2 3

This is what you’re looking for:

step 4

If you already have the code that you want your links to be, then put it in the relevant field and save.

If you don’t, no worries. Click on that tiny box and it will bring you here:

pick link color

Choosing a color here will automatically fill in the color code section for you. Save changes and you’re done!

Note: The Link Hover Color is simply the color it turns to when you point your cursor on it. It can be changed using the above process as well.

This is great for differentiating your links from other colored text that doesn’t lead anywhere.