Hiding title from temperature entity on lovelace card - using css dependent on state?

Hi,

I’ve set up a floorplan using a picture card as follows (pic also attached) …
‘’’
type: picture-elements
elements:

  • type: state-badge
    entity: climate.wiser_bedroom_2
    style:
    scale: 1
    top: 28%
    left: 79%
    color: white
    transform: translate(0%, 0%)
    font-size: 0.9rem
  • type: state-label
    entity: climate.wiser_bedroom_2
    attribute: current_temperature
    prefix: ‘Currently ’
    suffix: °
    style:
    scale: 1
    top: 20.5%
    left: 70.5%
    color: white
    transform: translate(0%, 0%)
    font-size: 0.9rem
    ‘’’
    image: local/floorplans/hafloorplan.png

I’d be grateful for any advice on how to remove the label “Wiser Bedroom 2”.

I’ve played with css options such as …
‘’’
style: |
.title {display: none}
‘’’
but can’t get to work with any element .

Many thanks,

Chris.

Hi Chris,

have you been able to fix this issue?
Thanks in advance.

Yes, yes. I want to know if that is possible. Did you figure out how to remove the Wiser Bedroom 2?