Change color of each badge

Would be nice to be able to change the colors of each badge. I have different types of locations that I’d like to be able to change the color to differentiate.

1 Like

I agree that it would be awesome to have this feature right in the editor. We’ll try to take it under consideration in the future.

As for now, you can use this code to change the color of each badge:

[class*='location-preview-image-layout__Container-sc']:nth-child(2) [class*='badge__StyledBadge-sc'] {
	background-color: red;
}

This code should be added to the Custom CSS field on the Style tab of your widget’s settings.

In brackets :nth-child(2) set the number of the badge where you’d like to change the color (counting from top to the bottom).