Fires with unique styles

Fires are like div elements inside your plugin, so you can apply css styles to them.

In fires, css can be placed in two places: inside the fire editor or via class in the plugin's css editor. Within the fire editor the style will be applied only to that specific fire, while in the plugin's css editor you must define which class will work.

css inside fire editor

By clicking on a fire, the fire editor will open. Next to the save button you will have the css editor option, this one has a different behavior since you don't define classes in it, only css properties that you want to be applied to your fire. You can copy the fire style and the css will also be copied.

color:#fff;
background:#000;

Styling fires via class or id

If you use the plugin's css editor to style your fires, use the .fire class to access everyone's style at the same time or #fire_id to work with a specific fire.

.fire {
    color: green !important;
}
#fire-win-12-5 .fire{
    box-shadow:2px 2px 2px #333;
}