Archived topic
NEWSROOM Category Color Settings Inquiry
3 replies · Started by Jimin on November 28, 2022
Hello!
When I created a new category in the newsroom theme, the background color displayed in the thumbnail-category is gone.
I'd like to know how to specify a category background color.
Please refer to the image below.
Thank you for your kind help.
Hi Jeong,
The Background color specific to each Category is added through Custom Code.
To edit this, go to Appearance > Customize > Additional CSS, and look for these codes:
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'll just need to add or replace one of these codes.
For instance, you have a term with a slug term-finance. The new code to add for this would be:
body:not(.single) .post-term-item.term-finance {
background-color: #ff0000;
}You can replace #ff0000 with the color value you prefer.
Wow, it's really well done.
Thank you so much for letting me know easily.
Have a nice day!
You're welcome, Jeong!
