#Using swipe card

1 messages · Page 1 of 1 (latest)

restive umbra
#

It looks fairly customizable too.It appears that most of the styling in the documentation does not work properly. But, a lot can be done using card mod (https://github.com/thomasloven/lovelace-card-mod). @pulsar shard has posted a bunch of examples and code: https://community.home-assistant.io/t/card-mod-add-css-styles-to-any-lovelace-card/120744/2416?u=ildar_gabdullin

type: custom:swipe-card
reset_after: 10
parameters:
  autoHeight: false
  initialSlide: 0
  centeredSlides: true
  loop: false
  followfinger: true
cards:
  - type: sensor
    entity: sensor.outdoor_heat_index
    graph: line
  - type: custom:numberbox-card
    title: test
    entity: input_number.number
    icon: null
    icon_plus: mdi:chevron-up
    icon_minus: mdi:chevron-down
    name: false
    unit: false
    card_mod:
      style: |
        ha-card {background: transparent;}
        ha-card .cur-num {font-size:30px !important;}
        ha-card .cur-box ha-icon{transform:scale(3)}
        ha-card .info {font-size: 150%;}  
        .body .padl {color: red;
          padding-top: 20px;
          padding-bottom: 20px;}
        .body .padr {color: blue;
          padding-top: 20px;
          padding-bottom: 20px;}
        .body .cur-box {
          display: grid;
          place-items: center;
          }
        }```EDIT: This example seems to break the up button...
image.png