Switch Name and State on an Entity-Card

[darki79]

Goal

Hey,

is it possible - and if yes, how - to change switch the Name and the State on an entity card?

For example, I have many cards displaying temperature and humidity for different rooms:

If I could switch both it would be better readable, but I also need the name on the card (no heading etc.).

Thanks!

Source Yaml

type: custom:bubble-card
card_type: button
button_type: state
entity: sensor.temp_kammer_temperature
name: Kammer
show_state: true
show_attribute: false
show_name: true
card_layout: large
grid_options:
  columns: 6
  rows: 1
show_icon: true
force_icon: false
show_last_changed: false

Which step did you already try?

No response

Problem

No response

Read the documentation

• I have read the documentation

[MrBearPresident]

Is it not easier to add following to your custom style:

.bubble-name-container {
  .bubble-name{
    font-size: 12px !important;
    font-weight: normal !important;
    opacity: 0.7 !important;
  }
  .bubble-state{
    font-size: 13px !important;
    font-weight: 600 !important;
    opacity: 1 !important;
  }
}