RMortan
18. November 2025 um 17:01
1
Hallo,
bekomme den Hintergurnd bei der Swipe Card nicht transaprent.
kann sich das vll mal einer anschauen danke.
bearbeitet
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;
}
RMortan
18. November 2025 um 17:05
2
sorry bekomme das Einfügen grad nicht hin
hat geklappt jetzt sorry für das kleine Problem mit dem einfügen
mafe68
18. November 2025 um 17:12
3
Bitte Vorformatierter Text verwenden </> oder auch mit STRG +E Sonst ist es immer schwierig die Code richtig zu lesen!
RMortan
18. November 2025 um 17:15
4
es wollte nicht so wie ich wollte sorry… jetzt hat es geklappt habe den Code noch mals eingefügt…
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 */
RMortan
18. November 2025 um 19:39
6
Ja schaue ich mir mal an die andere Karte…
RMortan
19. November 2025 um 06:51
7
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.
1 „Gefällt mir“