[Support request] Newsroom theme news feed page colourcategories

Hi there,

the colors for the categories are defined in the Customizer > Additional CSS, there is a CSS rule for each of the categories, and each one looks like this:

body:not(.single) .post-term-item.term-business {
	background-color: var(--business);
}

If you add a new category term to your site, then you need to create a new category rule.

eg, i have a category of cake you would add:

body:not(.single) .post-term-item.term-cake {
	background-color: var(--your-color-here);
}

Where it says --your-color-here you would change that for a color variable name that you have set in Customizer > Colors

Hi Youssef,

Yes, you can place them in Appearance > Customize > Additional CSS.

If you have over 500 or 1000 lines of CSS code there, that’s the only time you should consider using a Child Theme to add the CSS.

your-color-here is a variable you can create in Appearance > Customize > Colors > Global Colors. See here for an example: https://share.getcloudapp.com/jkuA2jX6

You can create any Color variable you want.

You can also replace that code with this if you want to place the Hex code directly:

body:not(.single) .post-term-item.term-cake {
	background-color: #ffaf2f;
}