Artikel Bilder in einer bestimmten Größe anzeigen

    Moin in die Runde,


    wollte mal so langsam auf 6.0 umstellen und habe festgestellt, dass die Artikelbilder wieder in die Breite gezogen werden. Hat jemand eine Idee wie ich das in CSS umsetzen muss, dass wieder die Vereinslogos in einer "vernünftigen" Größe und mit den richtigen Proportionen angezeigt wird?


    Bisher hatte ich folgendes in Stilunabhängiges CSS uns SCSS eingetragen.


    Code
    .articleImage .articleImageWrapper {
    width: auto;
}
.contentItemImage {
        min-height: 150px;
        max-height: 150px;
        min-width: 150px;
        background-position: left top;
        background-size: contain;
}

    So sollte es auch wieder nach der Umstellung auf 6.0 aussehen. https://lees-corner.de/index.php?article-list/


    Wäre klasse wenn mir da jemand einen Tipp geben kann

    • Teambeitrag

    Füge das ein:

    Code
    .contentItemImageElement {
    width: auto;
    padding-top: 10px;
}
.contentItemImage {
    text-align: center;
}

    Irgendwie funktioniert das nicht wie ich mir das vorstelle.


    .contentItemImage ist ja für das Artikel Teaser Bild zuständig, aber irgendwie bekomme ich es nicht hin das die Bilder mit den richtigen Proportionen angezeigt werden. Im Artikel selber funktioniert das mit:


    .articleImage .articleImageWrapper {

    width: auto;

    }


    Der oben genannte Code funktioniert nicht bei mir, aber vielleicht mache ich ja auch was falsch?

    • Teambeitrag

    Versuch das mal:

    CSS
    .contentItemImageElement {
    width: auto !important;
    padding-top: 10px;
}
.contentItemImage {
    text-align: center;
}

    Das width greift gerade nicht.

    Deine Anfrage wurde nicht beantwortet? Dann bitte einfach noch mal kurz im Thema nachfragen.


    Mein Blog: TwentyMag <- Lesen, Teilen, Liken, Kommentieren, Abonnieren. Ihr wisst bescheid, was labere ich hier groß rum :eyes:

    Danke 1