Sablon felülírás, de hogyan? Blog elrendezésben a cikkek elhelyezkedésének módosítása....?!

Te olyasmi elrendezést szeretnél, mint pl a Pinterest?
Három oszlopban, de ne soronként, hanem egymás alá igazítva az egyes oszlop elemeket.
Itt találsz hozzá mintát, ha egyre gondolunk:
- codepen.io/dudleystorey/pen/yqrhw
- cssdeck.com/labs/css-only-pinterest-style-columns-layout
- osvaldas.info/examples/responsive-pinter...yle-layout-with-css/

Ha a technikai kivitelezéssel van nehézséged a felülírással kapcsolatban (override) arról itt írnak:
- docs.joomla.org/Understanding_Output_Overrides

Egyszer feltöltöttem ide egy (igaz angol nyelvű) videót, amiből nagyon jól meg lehet érteni, hogy mi is ez az override, de nem találom...
Igaz kell hozzá egy kis HTML+PHP+CSS3 ismeret...

Igen, erre az elrendezésre volna szükségem a K2 esetén! Köszönöm az infókat... tanulmányozom!!!

A css-be próbáld meg ezt:

Ez így rendben van! Szuper, köszönöm!!! Ez volt a cél... viszont van egy kis gond... a második és harmadik oszlopok becsúsznak a modulpozíció alá, vagy nem tudom hová lesz, de eltűnik... és ugyan úgy lent is... ezt még korrigálni kellene... erre tipp?

Mutatom ITT látható a gond...

Még egy sor kellene talán a css-be:

Ez így nem járt sikerrel... végül is az a gond, hogy a következő oszlopnál megtöri a hasábot úgy, hogy félbevágja az adott elemet... próbálkozom, de eddig még nem jött össze, nem a break-inside dologgal kellene ezt valahogy megoldani?

Érdekes, mert ha beírom Firebugba a kódot akkor jónak tűnik a dolog.

Szuper, megoldódott... a végén már csak valami pontosvessző rossz helyen dolog miatt nem állt össze a kép... tehát ezzel kiegészítve rendben van:

div.itemContainer {
display: flex;
break-inside: avoid;
}

Mindenkinek köszönöm a segítséget, infókat, rávezetést