Artikel Bildgröße ändern

  • Hallo,

    mein vorhaben ist, nachdem ich im Dashboard ein neues Artikel hinzugefügt habe ( mit einem Bild ), diesen auf der Artikelseite vergrößert anzeigen zu lassen.

    Mit dem Browser Elementsuche habe ich das Element gefunden und versucht folgendes zu ändern:

    Code
    .articleList .articleListImage > img {
        width: 60em; 
        height: 20em; 
        position: absolute
    }

    Allerdings ändert sich rein garnichts...

    Ist es möglich die Größe und Breite eines Artikelbildes via CSS zu ändern?

    Stehe grad aufm Schlauch...

  • Der Selektor würde aber eher zur Artikelliste passen. Was meinst du damit? Artikel ansich, oder die Artikelübersicht?

    Auf der Artikelübersicht. Wenn du in der Menüleiste auf "Artikel" klickst werden ja die Artikel mit einem kleinen Vorschau angezeigt.

    Und genau da möchte ich das Bild vergrößert haben, urspünglich ist diese ja 144x144px groß aber genau das möchte ich ja geändert haben.

  • Ersetze das Template `articleListItems.tpl` durch folgendes:

    Wenn das nun zu groß ist, musst du das via CSS mit dem `!important;` regeln:

    CSS
    .articleListImage > img {
        height: 300px !important;
        width: 300px !important;
    }

    Das veränderte Template ist nötig, weil das `tiny` Thumbmail nur 144x144px groß ist, und damit einfach zu klein, dann würde man es nur sehr schwammig sehen.

    Edited once, last by jens1o (August 16, 2017 at 2:45 PM).

Participate now!

Don’t have an account yet? Register yourself now and be a part of our community!