3 Spalten Abschnitt vor Bildhintergrund im Craft Theme

Deutsch Diskussion Technische Fragen & Antworten

Topic summary

Problem: A user wants to display a 3-column text section with a background image in the Craft theme, but the theme only offers either a single column with a background image or 3 columns without one.

Proposed Solution: Another participant suggests using CSS to add a background image to the multi-column section. The solution involves:

  • Targeting the .multicolumn.color-scheme-1 div in the CSS editor
  • Adding background-image with a custom image URL
  • Configuring properties like background-size: cover, background-position: center, and setting background-color: transparent

Status: A code snippet has been provided but not yet confirmed as tested or working by the original poster.

Summarized with AI on October 27. AI used: claude-sonnet-4-5-20250929.
1

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

2

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; 
}