Hersteller Logo an falscher Stelle

Thema wurde von Anonymous, 29. Juni 2022 erstellt.

  1. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    3. März 2018
    Beiträge:
    300
    Danke erhalten:
    17
    Danke vergeben:
    205
    Wie kann ich das Hersteller Logo versetzen?
    Es wird je nach Logo nicht ganz angezeigt

    Lg

    logohersteller.jpg
     
  2. kai_holst

    kai_holst Erfahrener Benutzer

    Registriert seit:
    4. Mai 2022
    Beiträge:
    359
    Danke erhalten:
    136
    Danke vergeben:
    260
    Das ist bei mir auch so (seit ich zum Jahresanfang gestartet bin, also bei mir schon immer), wenn sich durch Mouseover die kleinen Bilder zeigen.
     
  3. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    22. Juni 2021
    Beiträge:
    75
    Danke erhalten:
    25
    Danke vergeben:
    33
    Ganz einfach..
    Das sind deine aktuellen Einstellungen:

    Code:
    .manufacturer-logo {
        position: absolute;
        left: -25px;
        top: -15px;
        max-height: 80px;
        max-width: 80px;
    }
    Die musst du halt im Style Edit per CSS überschreiben, z.B.:

    Code:
    .manufacturer-logo {
        left: 0px;
        top: 0px;
    }
    Damit veränderst du x und y Position.
    Tipp: Achte beim abspeichern der Logos darauf dass du rundherum den gleichen weißen Rahmen hast, sonst sind die Logos optisch nicht identisch positioniert.

    Bei vielen Artikeln und z.B. bei den Filtern hast du - zumindest auf meinem Bildschirm - noch eine Menge Anzeigefehler, Text über Textfläche usw.. Das würde ich schnell korrigieren, zumal es keine Arbeit ist.
     
  4. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    .manufacturer-logo
    würde ich nicht nehmen, weil das auch an anderer Stelle genutzt werden kann (z.B. in der Listenansicht oder im Artikel), wo die Werte vielleicht passen.

    Ich würde deshalb eher
    .product-container.flyover .manufacturer-logo

    nehmen und da die Werte hinterlegen.
    Code:
    .product-container.flyover .manufacturer-logo {
        left: 0px;
        top: 0px;
    }
    oder, wenn das so nicht genommen wird mit einem !important dahinter
    Code:
    .product-container.flyover .manufacturer-logo {
        left: 0px !important;
        top: 0px !imortant;
    }