Focal Theme

Hey,

Weiß jemand wie ich bei meinem Focal Theme den hintergrund der bilder genauso wie auf dem 1. bild hinbekomme, und nicht wie bei mir aktuell transparent? ( 2. bild )

Es wird leider automatisch transparent…

Meine Seite ( 2. bild )

Wie ich es möchte :

  • In your Shopify Admin panel, go to Online Store > Themes.
  • Click Actions next to your Focal theme and select Edit code.
  • Find the theme.css or styles.css file (it might be under the Assets folder).
  • Add the following CSS code snippet at the bottom of the file:
.image-class {
    background-color: #f0f0f0; /* Replace with the desired background color */
}
​

Replace .image-class with the actual class used for your images if it’s specified. You may need to inspect your images in the browser (right-click on the image > Inspect) to identify the correct class.

One more way:

  • If your theme forces transparency and there’s no simple way to change it, consider adding a background to your images before uploading them.
    Use an image editor (like Photoshop or Canva) to give your images a consistent background color.
    Save them in formats like JPEG instead of PNG to avoid transparency issues.