# Mi Flora Plant Card

![](https://2426742268-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LIQDsbmCxoEk-2yQdYM%2F-LPbTKmtb3g-iWVWGqez%2F-LIbBTMQ-vHTU08dBQPr%2Fplants-card.png?generation=1540408043581215\&alt=media)

{% hint style="info" %}
The color of the badges will depend on your [theme](https://www.home-assistant.io/lovelace/views/#themes).
{% endhint %}

{% tabs %}
{% tab title="ui-lovelace.yaml" %}

```yaml
        - type: picture-elements
          image: /local/plants.jpg
          elements:
            - type: state-badge
              entity: sensor.small_chili_moisture
              style:
                top: 27%
                left: 10%
                --ha-label-badge-font-size: 1em
            - type: state-badge
              entity: sensor.big_chili_moisture
              style:
                top: 27%
                left: 25%
                --ha-label-badge-font-size: 1em
            - type: state-badge
              entity: sensor.herbs_moisture
              style:
                top: 27%
                left: 40%
                --ha-label-badge-font-size: 1em
            - type: state-label
              entity: sensor.greenhouse_temperature
              style:
                top: 15%
                left: 92%
                --ha-label-badge-font-size: 1em
```

{% endtab %}
{% endtabs %}

Here is the config for a combined temperature sensor

{% hint style="info" %}
This requires you to have the following component setup

* [Mi Flora](https://www.home-assistant.io/components/sensor.miflora/)

or some other kind of plant sensors with moisture and temperature.

Change the entity ids to those of your temperature sensors.
{% endhint %}

```yaml
sensor:
  - platform: min_max
    name: Greenhouse temperature
    type: mean
    entity_ids:
      - sensor.small_chili_temperature
      - sensor.big_chili_temperature
      - sensor.herbs_temperature
```

{% file src="<https://2426742268-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LIQDsbmCxoEk-2yQdYM%2F-LPbTKmtb3g-iWVWGqez%2F-LIbBTMUUDqVEBur8m0I%2Fplants.jpg?generation=1540408046497816&alt=media>" %}
The plants background image
{% endfile %}