Can you set different color fonts for different categories? (5 posts)

  1. iselaespana
    Posted 4 years ago #

    Hello is it possible to select different color fonts for different categories?

    My navigation is set up as categories so I would need it to not affect the Navigation. The posts however I would love to change.. For example.... If I have breakfast and desserts under different categories, The titles for each would be a different color.

  2. mr49online
    Posted 4 years ago #

    Hi, iselaespana!

    I guess, now a days, everything is possible :-)
    Please, let me know, have you created a child theme of your site for this type of customization?

    If no, then please checkout this link for creating a child theme.

    Secondly, may I know the link your website?

  3. jrav001
    Posted 4 years ago #

    You can make different template files for your categories, and change the classes to change the colors.

  4. iselaespana
    Posted 4 years ago #



    This is my website... I do have a child theme.


  5. sacredpath
    Automattic Happiness Engineer
    Posted 4 years ago #

    If you look at the source code for one of your categories, such as Desserts, in the body tag you will see one of the classes is the category ID such as:


    What you will want to do to set colors for whatever element, would be to precede the main selector with the category ID class such as this and then edit the hex color code as you desire:

    .category-10 #content .entry-title {
    color: #1C204D;

    This should affect the colors of the post titles ONLY on the categories page.

Topic Closed

This topic has been closed to new replies.

About this Topic