Title: Colour coding blog posts
Last modified: August 30, 2016

---

# Colour coding blog posts

 *  [MarthaDunlop](https://wordpress.org/support/users/marthadunlop/)
 * (@marthadunlop)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/colour-coding-blog-posts/)
 * I have two categories of blog post, and would like to colour code the links, 
   so viewers can see which posts are relevant to them. I’ve spent hours searching
   the internet to find out how to do this, but no luck. Is it possible? And can
   anyone point me in the right direction?
 * I’m afraid my site is currently offline because I am still building it.
 * Thanks
 * Martha

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

 *  [RossMitchell](https://wordpress.org/support/users/rossmitchell/)
 * (@rossmitchell)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/colour-coding-blog-posts/#post-6468493)
 * If you can arrange your permalinks so that you can categories your links based
   upon then matching a specific phrase, then you will be able to have a filter 
   add a distinct class to the link, and with custom css you will be able to add
   a distinct color to each category.
    For example suppose my categories were: animal/
   vegetable / mineral, then have each post have a permalink which contained “-an-”/“-
   ve-” / “-mi-“, register a filter upon links, find any of the above snippets in
   the link and then add a class or “link_an” / “link_ve” / “link_mi” to the link
   classes. Then in your custom css have sections like:
 *     ```
       a.link_an { color: red; }
       a.link_ve { color: green; }
       a.link_mi { color: orange; }
       ```
   
 *  Thread Starter [MarthaDunlop](https://wordpress.org/support/users/marthadunlop/)
 * (@marthadunlop)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/colour-coding-blog-posts/#post-6468507)
 * Thank you so much, I’ll give that a go.
 * Can I ask where I would find the coding for the links? I’m still finding my way
   around.
 *  [RossMitchell](https://wordpress.org/support/users/rossmitchell/)
 * (@rossmitchell)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/colour-coding-blog-posts/#post-6468534)
 * First from your dashboard set your permalink style, Dashboard > Settings > Permalinks,
   choose a style which includes the post title, OR the category name (which has
   your recognizable text in it). Click SAVE
 * Then when you edit each POST there is up near the TOP the permalink, you can 
   EDIT it and incorporate the snippet of code the filter will sense, and save it,
   OR you could assign CATEGORIES. You use this link text anywhere you want to create
   a link to that POST, the same applies to PAGES too except that they don’t have
   categories.
 *  Thread Starter [MarthaDunlop](https://wordpress.org/support/users/marthadunlop/)
 * (@marthadunlop)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/colour-coding-blog-posts/#post-6468567)
 * Thank you so much for this. I’ve been having a play around, but am not getting
   very far. Can I use the simple CSS plugin to do this? And if not, where do I 
   find the custom css page? When I have it, do I just add:
    a.link_an { color: 
   red; } a.link_ve { color: green; } a.link_mi { color: orange; } or do I need 
   to increase the rest of the link, eg. [http://www.localhost/martha](http://www.localhost/martha)
   etc
 * Sorry if I’m asking very basic questions, but I’m not used to using code.
 * Thanks
 * Martha
 *  Thread Starter [MarthaDunlop](https://wordpress.org/support/users/marthadunlop/)
 * (@marthadunlop)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/colour-coding-blog-posts/#post-6468571)
 * Hi
 * Thank you so much for your help. Can I use the Simple CSS plugin? Or if not, 
   where do I find Custom CSS? Could it be the Editor tab under appearance? I’ve
   heard about it a lot but have been unable to find it.
 * Also, I’ve tried going into editor and copying
 * a.link_an { color: red; }
    a.link_ve { color: green; } a.link_mi { color: orange;}
 * into the bottom, and I’ve tried including the rest of the link, eg, [http://www.localhost/martha](http://www.localhost/martha)
   etc, but neither has worked so I guess that’s not right. Is there something I’m
   missing or am I just doing it completely wrong?
 * Sorry to ask basic questions.
 * Thanks again.
 * Martha
 * Sorry for asking basic questions, but
 *  Thread Starter [MarthaDunlop](https://wordpress.org/support/users/marthadunlop/)
 * (@marthadunlop)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/colour-coding-blog-posts/#post-6468576)
 * Sorry for the strange post, I’ve had some problems getting my comment to register.

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

The topic ‘Colour coding blog posts’ is closed to new replies.

## Tags

 * [customising](https://wordpress.org/support/topic-tag/customising/)
 * [formatting](https://wordpress.org/support/topic-tag/formatting/)
 * [links](https://wordpress.org/support/topic-tag/links/)
 * [sidebar](https://wordpress.org/support/topic-tag/sidebar/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 6 replies
 * 2 participants
 * Last reply from: [MarthaDunlop](https://wordpress.org/support/users/marthadunlop/)
 * Last activity: [10 years, 9 months ago](https://wordpress.org/support/topic/colour-coding-blog-posts/#post-6468576)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics