Wie lautet denn der Link zur Playlist?
@pixolin
Der Link zur Playlist ist: https://open.spotify.com/playlist/1Q0dhiPbSBgXheLbP0bf9m?si=2466a117fe2d4bec
Und das ist Alternativ der Code:
<iframe style=“border-radius:12px“ src=“https://open.spotify.com/embed/playlist/1Q0dhiPbSBgXheLbP0bf9m?utm_source=generator“ width=“100%“ height=“380″ frameBorder=“0″ allowfullscreen=““ allow=“autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture“></iframe>
-> Einfach von Spotify kopiert
Verwende bitte mal diesen Link:
https://open.spotify.com/playlist/1Q0dhiPbSBgXheLbP0bf9m?si=3a107ecb19494496
Damit wird mir die Playlist zumindest im gerade (zufällig) verwendeten Theme Generatepress korrekt angezeigt.
—
Nachtrag: Die URL von dir funktioniert bei mir aber genauso gut. Dafür sehe ich auf deiner Website eine Fehlermeldung, die wohl mit der Serverkonfiguration zusammenhängt. Die Schnittstelle für Sentry ist gesperrt. Möglich, dass es damit zusammenhängt.
@pixolin
Danke für den Link. Leider habe ich auch hier das gleiche Problem wie voher und die Lieder der Playlist werden weiterhin nicht angezeigt 🙁
Gäbe es noch einen andere Herangehensweise? Vielleicht auch was mit CSS?
CSS, Cascading Stylesheet, haben etwas mit der Gestaltung zu tun, nicht aber mit der Funktionalität.
Das gekaufte Theme, das du verwendest, steht mir für kostenlosen Support nicht zur Verfügung. Du kannst aber, um mögliche Fehlerursachen auszuschließen, das Plugin Health Check installieren und die Funktion mit einem Standard-Theme und ohne Plugins testen – deine Webseitenbesucher bekommen davon nichts mit.
Moin,
habs mir gerade mal angeschaut. Wenn in der styles.css ab Zeile 7927
/* Make sure embeds and iframes fit their containers. */
embed,
:not(.googlemaps)>iframe,
object {
max-width: 100%;
height: auto;
}
height:auto; auskommentiert wird, taucht das Problem nicht mehr auf.
Ich würde den <iframe> Tag mit einem Style-Attribute versehen (bzw. das vorhandene ergänzen), welches height überschreibt.
Reicht das als Hilfestellung schon aus? 🙂
Ups, tatsächlich etwas mit CSS. Ich hab Mist geschrieben. Sorry.
Sowas wie
embed, :not(.googlemaps) > iframe, object {
height: 380px;
}
sollte dann funktionieren.
Völlig falsch eingeschätzt. 🙇🏻♂️
@pixolin & @michi91
Vielen Dank für eure Hilfe!
Ich habe es mit
embed, :not(.googlemaps) > iframe, object {
height: 380px;
}
versucht. Wenn ich das mit rechts Klick „untersuchen“ mache, dann klappt es und ich hab schon kleine Freudensprünge gemachte. Jedoch funktioniert es nicht, wenn ich es beim Customizer unter „zusätziches CSS“ einfüge 🙁 Habe auch mal ein !important dran gesetzt aber nichts passierte. Fehlt hier noch was?
An das tatsächliche style.css Sheet traue ich mich nicht wirklich ran, da meine Kenntnisse begrenzt sind.
Ich habe noch das Plug-in „code snippets“ ist es möglich diesen Befehl vom CSS vielleicht dort als PHP einzufügen?
Bei der letzten Media-Query fehlt eine schließende, geschwungene Klammer. Dadurch greuift die CSS-Regel nicht.
Die letzten Zeilen sollten so aussehen:
@media screen and (max-width: 480px) {
.widget-title {
font-size: 11px !important;
}
}
embed;
:not(.googlemaps)>iframe;
object {
max-width: 100%;
height: 380px;
}
(mit zwei } unterhalb von font-size: 11px !important;.)
@pixolin Das hat jetzt tatsächlich geklappt 🙂 Wie toll!
Ein ganz große Dankeschön für die schnelle und gute Hilfe!
Liebe Grüße!
