Anordnung der Artikelbilder

  • Hallo zusammen,
    ich würde gerne die Artikel wie im folgendem Beispiel anordnen.



    Wie kann ich das über CSS am besten lösen?


    Besten Gruß

    • Teambeitrag

    Nur mit CSS geht das nicht. Dazu muß das Template articleListItems geändert werden:




    Und das CSS dazu:

    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:

    • Teambeitrag

    Wenn du:


    width: 50%;


    in:


    width: calc(100%/3);


    änderst sollten das drei Spalten sein.



    Das auf dem Bild ist möglich, allerdings nur als Auftrag.

    • Teambeitrag

    Ergänze:


    CSS
    .articleList > li:nth-child(1),
    	.articleList > li:nth-child(2) {
    		margin-top: 0 !important;
    	}


    zu:



    CSS
    .articleList > li:nth-child(1),
    	.articleList > li:nth-child(2),
    	.articleList > li:nth-child(3) {
    		margin-top: 0 !important;
    	}

    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: