Hallo, ich finde nicht die Einstellung wo man diesen Rahmen so einstellen kann, dass es gleich dem Bild ist. Kann mir da jemand einen Tipp geben? Danke
Da müsstest Du die Breite der Bilder anpassen (im Style Editor) aber wenn Du dann mal rechteckige Bilder hast, wird der Rand oben und unten erscheinen. Du könntest auch den Hintergrund auf transparent stellen, dann fällt das weniger auf. Code: .img-thumbnail, .product-info-thumbnails .swiper-slide, .product-info-thumbnails-mobile .swiper-slide, .product-info-layer-thumbnails .swiper-slide, .product-container .gallery > li img{ background-color: transparent; } Wenn das so nicht geht, dann mit "transparent !important" versuchen (ohne die " ")
Hi Barbara, danke für deine Antwort. Aber es muss doch irgendwo festgelegt sein, das der Rahmen eine bestimmte Größe hat. Meine Bilder sind so eingestellt Ich hab nie rechteckige Bilder für Artikel. Ich lade sie mit 601x601 hoch. Die Thumpnails errechnen sich ja selber. Der Rote Rahmen muss sich doch an irgendetwas orientieren, das ist hier nicht das Bild, oder?
Im Style-Editor kann man die Breite der Galerie (ich glaube da steht Thumbnails und Thumbnails mobile) einstellen. da müsstest Du die Breite ändern. Schau Dir das auch mobil an, da ist der weiße Balken rechts und links noch breiter. Ich habe bei mir gerade auch etwas daran geändert: der Hintergrund ist jetzt transparent und der Rahmen ganz weg. Aber es erscheint ein Strich unter dem Bild, wenn man mit der Maus drauf geht, oder wenn es angeklickt wurde. (Link nur für registrierte Nutzer sichtbar.) Das ist mein Code dazu: Code: .img-thumbnail, .product-info-thumbnails .swiper-slide, .product-info-thumbnails-mobile .swiper-slide, .product-info-layer-thumbnails .swiper-slide, .product-container .gallery > li img { background-color: transparent; border: none; } .product-info-thumbnails .swiper-slide.active, .product-info-thumbnails-mobile .swiper-slide.active, .product-info-layer-thumbnails .swiper-slide.active, .product-info-thumbnails .swiper-slide:hover, .product-info-thumbnails-mobile .swiper-slide:hover, .product-info-layer-thumbnails .swiper-slide:hover { border-bottom: 1px solid #630; }
Ahaaaa ok, das ist die "Schraube" an der man drehen muss. In der Mobil Ansicht hab ich immer noch einen kleinen Blitzer, aber ist ok. Bekkomme ich jetzt so nicht weg. Ist nicht so schlimm wie vorher. Dankeschön