Hallo,
die bisherigen Angaben reichen leider noch nicht aus, damit wir Ihnen gezielt weiterhelfen können. Je genauer Ihre Beschreibung ist, desto schneller und besser können wir Ihr Anliegen nachvollziehen.
Bitte beachten Sie bei Fehlern, Problemen oder Fragen die folgenden Punkte und beschreiben Sie Ihr Anliegen möglichst konkret. Eine Angabe wie "funktioniert nicht" ist für uns leider schwer einzuordnen, weil daraus nicht hervorgeht, was Sie erreichen wollten und welche Schritte Sie bereits durchgeführt haben.
Hilfreich sind insbesondere diese Informationen:
* Welche Version von Zeta Producer verwenden Sie?
* Welches Layout nutzen Sie? Zum Beispiel: "Smart Responsive" (zu finden unter Hilfe > Support-Informationen)
* Was genau möchten Sie erreichen?
* Wie sind Sie dabei vorgegangen? Bitte beschreiben Sie die einzelnen Schritte, die Sie in Zeta Producer durchgeführt haben.
* Welches Ergebnis haben Sie erwartet?
* Was ist stattdessen passiert?
* Wie lautet die URL der veröffentlichten Website bzw. des Projekts, sofern vorhanden?
* Falls etwas fehlerhaft dargestellt wird, senden Sie uns bitte einen Screenshot und zusätzlich die direkte URL der betroffenen Seite.
* Falls eine Fehlermeldung erscheint, verwenden Sie bitte im Fehlerdialog die integrierte Funktion zum Melden des Fehlers (unten links auf den Pfeil klicken). Alternativ können Sie auch auf "Fehlerdetails" klicken und den dort angezeigten Text hier einfügen.
Nur mit diesen Informationen haben wir genügend Details, um die Ursache zuverlässig einzugrenzen und Ihnen gezielt weiterzuhelfen.
Hallo,
vielen Dank für Ihre Rückmeldung.
Der Textschatten lässt sich über die Widget-Optionen leider nicht individuell anpassen (abgesehen von der Farbe).
In diesem Fall müssten Sie daher eigenes CSS verwenden.
Eine Anleitung dazu finden Sie hier: https://docs.zeta-producer.com/eigenes-css-einfuegen.html
Mit folgendem Code sollte sich der gewünschte Effekt umsetzen lassen:
<style>
.zp13carouselWidget .zp13carousel-caption span {
text-shadow: 0 2px 8px #000000 !important;
}
</style>Ich würde dem Text per CSS einen transparenten Hintergrund geben, dann ist es egal, was dort auf dem Bild zu sehen (hell oder dunkel).
.zp13carousel-caption h3 {
border-radius: 4px;
padding: 0.8rem 0.2rem;
background: linear-gradient(180deg, rgba(10,25,50,.75) 0%, rgba(10,25,50,.45) 50%, rgba(10,25,50,.85) 100%);
}
Hallo Kristin,
das gräfliche CSS funktioniert bei mir bestens und sieht zudem großartig aus. Hast Du möglicherweise die Style-Tags vergessen? Hier das CSS mit Tags:
<style>
.zp13carousel-caption h3 {
border-radius: 4px;
padding: 0.8rem 0.2rem;
background: linear-gradient(180deg, rgba(10,25,50,.75) 0%, rgba(10,25,50,.45) 50%, rgba(10,25,50,.85) 100%);
}
</style>Viele Grüße
Tom
Das mit dem Hintergrund wird anscheinend von einer anderen Anweisung überschrieben. Versuch es mal mit einer etwas expliziteren Anweisung, das sollte klappen:
.zp13carouselWidget .zp13carousel-caption span h3 {
border-radius: 4px;
padding: 0.8rem 0.2rem;
background: linear-gradient(180deg, rgba(10,25,50,.75) 0%, rgba(10,25,50,.45) 50%, rgba(10,25,50,.85) 100%) !important;
}
Versuch es mal so:
.zp13carouselWidget .zp13carousel-caption span h3 {
padding: 0.8rem 0.2rem;
width: 100%;
margin-left: 0-20px;
background: linear-gradient(180deg, rgba(10,25,50,.75) 0%, rgba(10,25,50,.45) 50%, rgba(10,25,50,.85) 100%) !important;
}
.zp13carouselWidget .zp13carousel-caption span {
width: 100%;
margin-left: -22px;
margin-bottom: -25px;
}
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!
