CSS for changing tag colours

If you want to change the colours for your categories, tags or featured profile banners, you can add the following CSS to Community Box under Design > Custom Styling within the directory settings. Alternatively you can add it to your website's CSS editor (on Squarespace for example, this is under Design > Custom CSS). 

You can change the colour code (e.g. #7b1fc7) to match your own brand. If you want to change just the text colour or just the background colour, you can delete the other line. 

Featured banners

/* Change the colours for featured listing banner */
[feature-listing][container] [banner] {
background-color: #7b1fc7 !important; /* Background colour */
color: #ffffff !important; /* Text colour */
}

Categories

You might have multiple sets of tags; for example if you had a directory of restaurants you could have a category for "Cuisine", and a category for "Ordering Options". The CSS below is to change the colours for all tags within a category. To personalise it for your directory, change "Ordering Options" to the name of your category. So for the other option we've mentioned here, it would be [category="Cuisine"]. These are case-sensitive so check if you've used capital letters or not.   

/* Change the colours for categories */
[category="Ordering Options"] {
background-color: #7b1fc7 !important; /* Background colour */
color: #ffffff !important; /* Text colour */
}

Tags

To change each individual tag colour, replace"Delivery" with the name of the tag you want to change, so for example if you had a tag for vegan restaurants it would be [tag="Vegan"]. These are case-sensitive so check if you've used capital letters or not.   

/* Change the colours for individual tags */
[tag="Delivery"] {
background-color: #7b1fc7 !important; /* Background colour */
color: #ffffff !important; /* Text colour */
}