FROM CACHE - de_header
Diese Community hat auf Peer-to-Peer-Support umgestellt. Der Shopify Support wird diese Community nicht mehr betreuen. Wir empfehlen dir, dich mit anderen Händler:innen und Partner:innen in Verbindung zu setzen, um Unterstützung zu erhalten und Erfahrungen auszutauschen. Bitte melde weiterhin alles, was gegen unseren Verhaltenskodex verstößt, oder Inhalte, die deiner Meinung nach entfernt werden sollten.
Die Community zieht um! Ab 7. Juli ist die aktuelle Community für ca. Zwei Wochen schreibgeschützt. Du kannst die Inhalte durchsuchen, aber es können vorübergehend keine Beiträge verfasst werden. Mehr Informationen.

3 Spalten Abschnitt vor Bildhintergrund im Craft Theme

Gelöst

3 Spalten Abschnitt vor Bildhintergrund im Craft Theme

Dirk7
Entdecker
24 1 0

Hallo,

 

wie kann ich im Craft Theme 3 Spalten Text vor einem Bild als Hintergrund anstelle einer Hintergrundfarbe nutzen?

 

Die Auswahl gibt nur eine Spalte vor einem Bild als Hintergrund an oder 3 Spalten ohne Hintergrundbild.

Besten Dank.

Dirk

1 AKZEPTIERTE LÖSUNG

Ben310
Astronaut
2125 242 377

Erfolg.

Also ein "mit mehreren Spalten" Abschnitt und Bild als HG, anstatt 3 unterschiedliche?

Probiere mal folgendes im CSS Editor - ersetze Bild URL mit deiner eigenen:

div.multicolumn.color-scheme-1 {
  background-image: url("https://cdn.shopify.com/s/files/1/0002/2783/5906/files/fizzlesticks.png?v=1727369212");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll; 
  background-color: transparent; 
}

Lösung in ursprünglichem Beitrag anzeigen

1 ANTWORT 1

Ben310
Astronaut
2125 242 377

Erfolg.

Also ein "mit mehreren Spalten" Abschnitt und Bild als HG, anstatt 3 unterschiedliche?

Probiere mal folgendes im CSS Editor - ersetze Bild URL mit deiner eigenen:

div.multicolumn.color-scheme-1 {
  background-image: url("https://cdn.shopify.com/s/files/1/0002/2783/5906/files/fizzlesticks.png?v=1727369212");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll; 
  background-color: transparent; 
}