Shopify-Themes, Liquid, Logos und ähnliche Themen
Hallo, wir möchten gerne in der Slideshow unsere schwarzen/dunkelgrauen Container (hier im Bild rot umrandet) halb-transparent machen, damit das Foto in der Slideshow durchscheinen kann.
Der Text ("Bezwinge jeden Gipfel" und der Button sollten dabei nicht transparenter werden.
vielen Dank für die Hilfe,
Daniel
Gelöst! Zur Lösung
Erfolg.
Hey Daniel! @Leicke
Siehe wie du das machen kannst hier (mehr dazu in unserer Anleitung hier) :
Hier der CSS das du wie oben abgebildet einfügen kannst:
.slideshow__text {
/* Definiere eine schwarze oder dunkelgraue Farbe mit Halbtransparenz */
background-color: rgba(0, 0, 0, 0.3); /* Schwarz mit 30% Transparenz */
/* Stelle sicher, dass der Textinhalt nicht von der Transparenz betroffen ist */
}
.banner__heading, .banner__text, .banner__buttons {
/* Wenn nötig, stelle hier die Farbe und andere Stile ein, um die Lesbarkeit zu erhöhen */
}
Der RGBA-Wert rgba(0, 0, 0, 0.3)
steht für Schwarz mit einer Transparenz von 30%. Du kannst den letzten Wert (hier 0.3) anpassen, um die Transparenz nach deinen Wünschen zu verändern. Ein höherer Wert macht den Hintergrund weniger transparent.
Hoffe das hilft dir weiter - lass wissen falls nicht! 😉
---
Habt ihr auch den Shop auf Ostern eingestellt das jetzt um die Ecke liegt? Warum nicht eine Ostereierjagd 🐣 in das Shop einbauen, um deinen Kunden etwas Gamification und Fun im Shop anzubieten? Gerne kann ich bei Interesse Tipps dazu geben!
Hast du weitere Fragen zum Shop? Gebe einfach ein Suchbegriff oben in der Suchleiste der Community Landingpage ein, denn das Thema haben wir sehr wahrscheinlich schon besprochen. Halte bitte Ausschau in deiner E-Mail auf Notifications zu Antworten auf deine Fragen in der Community.
Gabe | Social Care @ Shopify
- War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen!
- Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung
- Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog
Erfolg.
Hey Daniel! @Leicke
Siehe wie du das machen kannst hier (mehr dazu in unserer Anleitung hier) :
Hier der CSS das du wie oben abgebildet einfügen kannst:
.slideshow__text {
/* Definiere eine schwarze oder dunkelgraue Farbe mit Halbtransparenz */
background-color: rgba(0, 0, 0, 0.3); /* Schwarz mit 30% Transparenz */
/* Stelle sicher, dass der Textinhalt nicht von der Transparenz betroffen ist */
}
.banner__heading, .banner__text, .banner__buttons {
/* Wenn nötig, stelle hier die Farbe und andere Stile ein, um die Lesbarkeit zu erhöhen */
}
Der RGBA-Wert rgba(0, 0, 0, 0.3)
steht für Schwarz mit einer Transparenz von 30%. Du kannst den letzten Wert (hier 0.3) anpassen, um die Transparenz nach deinen Wünschen zu verändern. Ein höherer Wert macht den Hintergrund weniger transparent.
Hoffe das hilft dir weiter - lass wissen falls nicht! 😉
---
Habt ihr auch den Shop auf Ostern eingestellt das jetzt um die Ecke liegt? Warum nicht eine Ostereierjagd 🐣 in das Shop einbauen, um deinen Kunden etwas Gamification und Fun im Shop anzubieten? Gerne kann ich bei Interesse Tipps dazu geben!
Hast du weitere Fragen zum Shop? Gebe einfach ein Suchbegriff oben in der Suchleiste der Community Landingpage ein, denn das Thema haben wir sehr wahrscheinlich schon besprochen. Halte bitte Ausschau in deiner E-Mail auf Notifications zu Antworten auf deine Fragen in der Community.
Gabe | Social Care @ Shopify
- War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen!
- Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung
- Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog
Hey Gabe,
vielen, vielen Dank! Das ist genau das, was ich gesucht habe:)
Grüße Daniel
Absolut gerne! 😉
Gabe | Social Care @ Shopify
- War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen!
- Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung
- Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog
Teil 1 - Wie die Prinzipien des UX-Designs dir dabei helfen können einen großartigen Shop ...
By Kai Sep 9, 2024Anpassungen des benutzerdefinierten Codes an Shopify-Themes (CSS) leicht gemachtIn diesem...
By Gabe Aug 28, 2024Du willst also das Dropshipping betreiben, da du einen Shop starten möchtest, ohne selb...
By Gabe Jul 10, 2024