By default, the style of collection badges can be modified per offer.

Sometimes you may want to override the colors of all badges, without modifying the building blocks of each offer.

You can do so by adding some CSS in the app.

To add CSS, go to the menu of the app and find Settings > General > CSS.

Add the following:

.limoniapps-discountninja-badge .limoniapps-discountninja-badge-inner {

background-color: <add a hex or rgb color here> !important;

}

.limoniapps-discountninja-badge .limoniapps-discountninja-badge-inner span {

color: <add a hex or rgb color here> !important;

}

And modify the <add a hex or rgb color here> placeholder with a hex color or an rgb color. Some examples of valid ways to describe the color white are:

If you're not sure which color code you need, check out https://htmlcolorcodes.com/

In this example we're setting the text color to white and the background color to burgundy red (opacity of 80%):

.limoniapps-discountninja-badge .limoniapps-discountninja-badge-inner {

background-color: rgba(134,59,61,0.8) !important;

}

.limoniapps-discountninja-badge .limoniapps-discountninja-badge-inner span {

color: #ffffff !important;

}