Artikelbilder Rahmengröße

Thema wurde von Linda Skora, 9. April 2021 erstellt.

  1. Linda Skora

    Linda Skora Erfahrener Benutzer

    Registriert seit:
    28. September 2017
    Beiträge:
    124
    Danke erhalten:
    6
    Danke vergeben:
    59
    Rahmen.JPG
    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
     
  2. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    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 " ")
     
  3. Linda Skora

    Linda Skora Erfahrener Benutzer

    Registriert seit:
    28. September 2017
    Beiträge:
    124
    Danke erhalten:
    6
    Danke vergeben:
    59
    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 bildgroessen.JPG

    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?
     
  4. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    #4 barbara, 10. April 2021
    Zuletzt bearbeitet: 10. April 2021
    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;
    }
    
     
  5. Linda Skora

    Linda Skora Erfahrener Benutzer

    Registriert seit:
    28. September 2017
    Beiträge:
    124
    Danke erhalten:
    6
    Danke vergeben:
    59
    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 :)

    thumpnails.JPG