Hallo zusammen, drehe mich momentan im Kreis! Wo kann ich die Farbe der Vorschaubilder ändern? Siehe Bild anbei. Danke im Voraus!
Habs mal mit css durch Chromebrowser/Untersuchen gefunden .. Hier zwei Screenshots.. Habe eine neue Zeile angefügt: backgroundcolor: blue; Wo die Zeile im main.min.css nun genau ist, weiß ich nicht.. musst du mal suchen
Da macht man das nicht, sondern im eigenen css im Style Editor. dazu nimmt man das ganze .product-info-thumbnails..... (zumindest das in Fettschrift) und die zu ändernde Zeile müsste dann etwa so aussehen: .product-info-thumbnais .swiper-slide .swiper-slide-inside .vertical .align-middle{ background-color: #Farbcode; }
.product-info-thumbnails .swiper-slide .swiper-slide-inside .vertical .align-middle{ background-color: #DBD6D6; } Das funktioniert leider nicht
So hat es funktioniert, aber nur auf der Artikelseite .product-info-thumbnails .swiper-slide .swiper-slide-inside.vertical .align-middle, .product-info-thumbnails-mobile .swiper-slide .swiper-slide-inside.vertical .align-middle, .product-info-layer-thumbnails .swiper-slide .swiper-slide-inside.vertical .align-middle { display: table-cell; vertical-align: middle; padding-bottom: 2px; background-color: #DBD6D6; } Auf der Startseite leider nicht, da mach ich noch irgendetwas falsch!
Versuche es mal mit: Code: .product-container .gallery > li { background-color: #DBD6D6 !important; } Vielleicht geht es. Aber nur ganz vielleicht, weil die Farbe offenbar fest in der Datei steht und das meistens alles überschreibt.
Ich nochmal! Das ganze funktioniert gut auf dem Desktop, aber auf Mobilen Geräten wird der weiße Hintergrund immer noch angezeigt. Wie kann ich das lösen?
Das ist dann wieder im Artikel. Versuche es mit: Code: .product-info-thumbnails-mobile .swiper-slide{ background-color: #DeinFarbcode; } oder Du nimmst den ganzen Codebereich aus dem Foto von Roland Collin und nciht nur mein Beispiel oben. Das sollte auch gehen.