FROM CACHE - de_header
Gelöst

Slideshow-Container Transparenz einstellen, Ride Theme

Leicke
Tourist
8 0 1

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. 

SharedScreenshot2.jpg

 Der Text ("Bezwinge jeden Gipfel" und der Button sollten dabei nicht transparenter werden. 
vielen Dank für die Hilfe,

Daniel

1 AKZEPTIERTE LÖSUNG

Gabe
Shopify Staff
16664 2634 3910

Erfolg.

Hey Daniel! @Leicke 

 

Siehe wie du das machen kannst hier (mehr dazu in unserer Anleitung hier) :

 

image.png

 

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

Lösung in ursprünglichem Beitrag anzeigen

3 ANTWORTEN 3

Gabe
Shopify Staff
16664 2634 3910

Erfolg.

Hey Daniel! @Leicke 

 

Siehe wie du das machen kannst hier (mehr dazu in unserer Anleitung hier) :

 

image.png

 

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

Leicke
Tourist
8 0 1

Hey Gabe,

vielen, vielen Dank! Das ist genau das, was ich gesucht habe:)
Grüße Daniel

Gabe
Shopify Staff
16664 2634 3910

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