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 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.
If you want to assign separate colors for each one of your links, use the following (assuming you have 3 links)
Feel free to replace the color words with hex values (for example: #ffffff) if you need more color choices.
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.
1 2 3 | #pages ul li a, .ss.menu-item{ color : yellow !important ; } |
1 2 3 4 5 6 7 8 9 10 11 | #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 ; } |
You might also like: