Are you a GenerateCustomer?

Do you have an active GP Premium or GenerateBlocks Pro license key?

Create a GenerateSupport account for GeneratePress and GenerateBlocks support in one dedicated place.

Create an account
Already have a GenerateSupport account? Login

Just browsing?

Feel free to browse the forums. Support for our free versions is provided on WordPress.org (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

Category Colors

  • I’m using the Newsroom theme and on the demo homepage it shows different colors that are associated with a specific category. Where can I update these category-specifc colors? (Examples: “Lifestyle” category = yellow, “Travel” category = blue, etc.)

  • Hi there,

    It’s defined by this CSS which can be found at cusotmizer > additional CSS:

    body:not(.single):not(.blog):not(.search-results) .post-term-item {
    	border-radius: 3px;
    }
    body:not(.single) .post-term-item.term-business {
    	background-color: var(--business);
    }
    body:not(.single) .post-term-item.term-community {
    	background-color: var(--community);
    }
    body:not(.single) .post-term-item.term-education {
    	background-color: var(--education);
    }
    body:not(.single) .post-term-item.term-entertainment {
    	background-color: var(--entertainment);
    }
    body:not(.single) .post-term-item.term-lifestyle {
    	background-color: var(--lifestyle);
    }
    body:not(.single) .post-term-item.term-technology {
    	background-color: var(--technology);
    }
    body:not(.single) .post-term-item.term-travel {
    	background-color: var(--travel);
    }

    You can see that for term lifestyle, it use the background color--lifestyle, which is defined at cusotmizer > colors:https://app.screencast.com/FOrL6AnJz5jHq

    If you do not need to change the category name, then you can just modify the global color with the category name.

  • Thank you!

  • No Problem 🙂

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.