Gazette – colour coded categories with CSS

Hello,

I would like to distinguish different category posts in terms of colour – at least in the category description that sits over the post picture. My site (https://theorganicfoodie.net)is in early development, so not visible at the moment – I will make it so if necessary.

See the attached screenshot for how the title appears now, and other attached image for the two options I am thinking of in terms of styles. I want to be able to specify alternative colours for text and area of the box that the text sits in – as well as enlarge the space (padding) around the text (see image for example).

Could you please recommend some CSS code that I can play around with in terms of colours and padding?

Thank you,
Adrian

The page I need help with: [log in to see the link]