🖼️ WallPanel Addon - Wall panel mode for your Home Assistant Dashboards

[zele]

Hi,

Wondering if somebody can help me.
I would like to change font size in custom-clock card in wallpanel.
No matter what I do, I can’t figure out how to enlarge text…

wallpanel:
  enabled: false
  image_order: random
  image_fit: fit
  profiles:
    device.dba07333_c1bdc1dd:
      image_url: /local/Wallpaper/
      enabled: true
  fullscreen: false
  debug: false
  idle_time: 0
  hide_toolbar: false
  hide_sidebar: false
  black_screen_after_time: 130
  keep_screen_on_time: 120
  screensaver_entity: input_boolean.m11screensaver
  style:
    wallpanel-screensaver-info-box-content:
      font_size: 6vh
      font_weight: 600
      '--ha-card-background': none
      '--ha-card-box-shadow': none
      '--ha-card-border-width': 0px
      '--primary-text-color': '#ffffff'
      '--secondary-text-color': '#dddddd'
      filter: >-
        drop-shadow(0px 0px 3px rgb(17, 17, 17)) drop-shadow(0px 0px 8px rgb(30,
        30, 30))
  cards:
    - type: custom:vertical-stack-in-card
      cards:
        - type: custom:digital-clock
          dateFormat:
            weekday: long
            day: 2-digit
            month: short
          timeFormat:
            hour: 2-digit
            minute: 2-digit

Everything else is working without any problem… Thank you for all suggestions.
BTW: tried with cardmod, styles for wall panel, …

[hiddevanbrussel]

    - type: custom:digital-clock
      dateFormat:
        weekday: long
        day: 2-digit
        month: long
      timeFormat:
        hour: 2-digit
        minute: 2-digit
      card_mod:
        style: |
          ha-card {
           text-align: right!important;
           font-weight: 300!important;
           padding: 8px 0px;
           background: transparent;
           border: 0px;
           color: rgb(255, 255, 255);
           position: absolute;
           right: 30px;
           bottom: 15px;
           z-index: 200;
          }
          .first-line {
            font-size: 7em!important;
            font-weight: 900;
            }
          .second-line {
            font-size: 1.1em!important;
            }

[PottiMc]

Is there a way to style the badges?
I tried ‘label-badge-color’ and ‘label-bade-background’ but that didn’t work.

  style:
    wallpanel-screensaver-container:
      background-color: '#333333dd'
    wallpanel-screensaver-info-box:
      '--wp-card-width': 500px
      margin-left: 350px
      margin-top: 50px
      background-color: rgba(255, 255, 255, 0.4)
      box-shadow: >-
        0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0,
        0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12)
    wallpanel-screensaver-info-box-content:
      '--label-badge-background-color': '#000000'
      '--label-badge-text-color': '#ffffff#'
      '--ha-card-background': none
      '--ha-card-box-shadow': none
      '--ha-card-border-width': 0px
      '--primary-background-color': '#fafafa'
      '--secondary-background-color': '#e5e5e5'
      '--primary-text-color': '#ffffff'
      '--secondary-text-color': '#dddddd'
      filter: >-
        drop-shadow(0px 0px 3px rgb(17, 17, 17)) drop-shadow(0px 0px 8px rgb(30,
        30, 30))
  badges:
    - type: entity
      show_name: false
      show_state: true
      show_icon: true
      entity: sensor.XXX
      show_entity_picture: true
      state_content: state

[briodan (John Doe)]

is it possible to have a 3 column grid layout with views? I tried the code below but all three views are stacked on the left hand side

wallpanel:
  enabled: true
  hide_toolbar: true
  hide_sidebar: true
  fullscreen: true
  card_interaction: true
  screensaver_entity: input_boolean.wallpanel_screensaver
  style:
    wallpanel-screensaver-container:
      background-color: '#333333dd'
    wallpanel-screensaver-info-box:
      '--wp-card-width': 550px
    wallpanel-screensaver-info-box-content:
      '--primary-background-color': '#fafafa'
      '--secondary-background-color': '#e5e5e5'
      '--primary-text-color': '#212121'
      '--secondary-text-color': '#727272'
      '--ha-card-background': none
      '--ha-card-box-shadow': none
      '--ha-card-border-width': 0px
      width: calc(100vw - 100px)
      justify-content: space-between
  cards: []
  views:
    - title: View 1
      wp_style:
        grid-row: 1 / 1
        grid-column: 1 / 1
    - title: View 2
      wp_style:
        grid-row: 1 / 1
        grid-column: 2 / 2
    - title: View 3
      wp_style:
        grid-row: 1 / 1
        grid-column: 3 / 3

[sadek (Sa)]

Hello everyone, how can i set a single image as background, without having the fade/ken_burns effect? ​​I have the image in local