Change Blogger Dynamic View Pages Link Color

I've been extremely busy for the past few days, and I'm gonna get busy again for another assignment due next week. Back to this week's post. Let's see what I shall write about today **going through my queue of topics to blog about**.. Right, this one sounds interesting. Blog reader Jon Pennington asked how one can change the color of pages links on the black bar. Here's how.

If you're using the old Blogger interface: Go to Dashboard - Design - Template Designer - Advanced - Add CSS - paste the following code - Press enter after the last character of the last line } - Apply to Blog.


If you're using the new Blogger interface: Go to Dashboard ('House' symbol) - Template - Customize - Advanced - Add CSS - paste the following code - Press enter after the last character of the last line } - Apply to Blog.

#pages ul li a, .ss.menu-item{
color: yellow !important;
}

If you want to assign separate colors for each one of your links, use the following (assuming you have 3 links)

#pages ul li:nth-child(1) a, .ss.menu-item{
color: yellow !important;
}
 
#pages ul li:nth-child(2) a, .ss.menu-item{
color: red !important;
}
 
#pages ul li:nth-child(3) a, .ss.menu-item{
color: cyan !important;
}

Feel free to replace the color words with hex values (for example: #ffffff) if you need more color choices.