Hilfe bekomme das transparent nicht hin :-(

Hallo,
bekomme den Hintergurnd bei der Swipe Card nicht transaprent.

kann sich das vll mal einer anschauen danke.

bearbeitet :slight_smile:

type: custom:swipe-card
parameters:
  autoplay:
    delay: 2000
    effect: flip
    flipEffect: null
    slideShadows: false
    card_mod:
      style: |
        ha-card {
          --ha-card-background: transperent !important;
          color: black);
        }
cards:
  - type: custom:dresden-transport-card
    show_stop_name: true
    max_entries: 4
    entities:
      - sensor.gombsen
    card_mod:
      style: |
        ha-card {
          --ha-card-background: transperent !important;
          color: black);
        }
  - type: custom:tankerkoenig-card
    stations:
      - ac3f2755c1fe83921be26451e0ded705
      - 1f1ac3c76603b59e427a340440af8d6d
      - 56b4a23d644c5946f9930907448e2ebc
      - 42ebd26ee3a6b6652f4942e60daa6930
    show_last_updated: false
    fuel_types:
      - e5
    sort_by: e5
    show_price_changes: true
    show_only_cheapest: false
    hide_unavailable_stations: true
    show_street: false
    show_postcode: false
    show_city: false
    font_scale: 70
    card_mod:
      style: |
        ha-card {
          background: transparent !important;
          box-shadow: none;
          color: white;
        }
  - type: custom:calendar-card-pro
    entities:
      - calendar.fam_kalender
    accent_color: "#ff6c92"
    days_to_show: 3
    show_location: true
    split_multiday_events: true
    day_spacing: 8px
    event_spacing: 6px
    show_week_numbers: iso
    show_current_week_number: true
    first_day_of_week: monday
    today_indicator: 🎯
    today_indicator_position: 15% 50%
    height: 400px
    week_number_font_size: 12px
    week_number_color: var(--primary-text-color)
    week_number_background_color: "#03a9f450"
    day_separator_width: 5px
    day_separator_color: "#03a9f430"
    week_separator_width: 10px
    week_separator_color: "#03a9f480"
    month_separator_width: 15px
    month_separator_color: "#03a9f4"
    weekday_font_size: 14px
    weekday_color: var(--primary-text-color)
    day_font_size: 30px
    day_color: var(--primary-text-color)
    month_font_size: 15px
    month_color: var(--primary-text-color)
    weekend_weekday_color: "#e67c73"
    weekend_day_color: "#e67c73"
    weekend_month_color: "#e67c73"
    today_weekday_color: "#03a9f4"
    today_day_color: "#03a9f4"
    today_month_color: "#03a9f4"
    event_font_size: 15px
    event_color: var(--primary-text-color)
    show_empty_days: false
    empty_day_color: var(--secondary-text-color)
    show_progress_bar: true
    progress_bar_color: "#03a9f4"
    progress_bar_height: 10px
    progress_bar_width: 80px
    card_mod:
      style: |
        ha-card {
          background: transparent !important;
          box-shadow: none;
          color: white;
        }

sorry bekomme das Einfügen grad nicht hin :frowning: :cold_sweat:

hat geklappt jetzt :slight_smile: sorry für das kleine Problem mit dem einfügen

Bitte Vorformatierter Text verwenden </> oder auch mit STRG +E Sonst ist es immer schwierig die Code richtig zu lesen!

es wollte nicht so wie ich wollte sorry… jetzt hat es geklappt habe den Code noch mals eingefügt… :slight_smile:

type: custom:swipe-card
parameters:
  autoplay:
    delay: 2000
    effect: flip
    flipEffect: null
    slideShadows: false
    card_mod:
      style: |
        ha-card {
          --ha-card-background: transperent !important;
          color: black);
        }
cards:
  - type: custom:dresden-transport-card
    show_stop_name: true
    max_entries: 4
    entities:
      - sensor.gombsen
    card_mod:
      style: |
        ha-card {
          --ha-card-background: transperent !important;
          color: black);
        }
  - type: custom:tankerkoenig-card
    stations:
      - ac3f2755c1fe83921be26451e0ded705
      - 1f1ac3c76603b59e427a340440af8d6d
      - 56b4a23d644c5946f9930907448e2ebc
      - 42ebd26ee3a6b6652f4942e60daa6930
    show_last_updated: false
    fuel_types:
      - e5
    sort_by: e5
    show_price_changes: true
    show_only_cheapest: false
    hide_unavailable_stations: true
    show_street: false
    show_postcode: false
    show_city: false
    font_scale: 70
    card_mod:
      style: |
        ha-card {
          background: transparent !important;
          box-shadow: none;
          color: white;
        }
  - type: custom:calendar-card-pro
    entities:
      - calendar.fam_kalender
    accent_color: "#ff6c92"
    days_to_show: 3
    show_location: true
    split_multiday_events: true
    day_spacing: 8px
    event_spacing: 6px
    show_week_numbers: iso
    show_current_week_number: true
    first_day_of_week: monday
    today_indicator: 🎯
    today_indicator_position: 15% 50%
    height: 400px
    week_number_font_size: 12px
    week_number_color: var(--primary-text-color)
    week_number_background_color: "#03a9f450"
    day_separator_width: 5px
    day_separator_color: "#03a9f430"
    week_separator_width: 10px
    week_separator_color: "#03a9f480"
    month_separator_width: 15px
    month_separator_color: "#03a9f4"
    weekday_font_size: 14px
    weekday_color: var(--primary-text-color)
    day_font_size: 30px
    day_color: var(--primary-text-color)
    month_font_size: 15px
    month_color: var(--primary-text-color)
    weekend_weekday_color: "#e67c73"
    weekend_day_color: "#e67c73"
    weekend_month_color: "#e67c73"
    today_weekday_color: "#03a9f4"
    today_day_color: "#03a9f4"
    today_month_color: "#03a9f4"
    event_font_size: 15px
    event_color: var(--primary-text-color)
    show_empty_days: false
    empty_day_color: var(--secondary-text-color)
    show_progress_bar: true
    progress_bar_color: "#03a9f4"
    progress_bar_height: 10px
    progress_bar_width: 80px
    card_mod:
      style: |
        ha-card {
          background: transparent !important;
          box-shadow: none;
          color: white;
        }

1 „Gefällt mir“

Hi, ich nutze die swipe-card aktuell nicht mehr. Aber warte mal du hast da swipe-card, ich hatte da immer simple-swipe-card zu stehen. Du scheinst eine andere Card zu nutzen. Die eigentlich bekannte ist die simple-swipe-card. Die Card ist auch default in Hacs verfügbar, kannst also direkt im Store danach suchen.

Dort kannst du den Background dann so einstellen.

--simple-swipe-card-pagination-background: transparent;  /* Background color of pagination container */

Ja schaue ich mir mal an die andere Karte…

Ich verstehe zwar nicht wieso es im Editor beim erstellen nicht transparent angeziegt wird aber im Dashboard ist es dann so wie es sein soll.
:see_no_evil_monkey::smirking_face:

1 „Gefällt mir“