Probleme mit mehrspaltiger Darstellung

Sieger66

Wenn du dann noch an entsprechender Stellle

width:100%;

korrekt hinzufügst. Wird auch der vorhandene Platz entsprechend verwendet.

Code

@supports (display:grid) {
  .blog-items {
    grid-gap:1em;
    grid-template-columns:1fr;
    grid-auto-flow:row;
    margin:0 0 1em;
    display:grid;
    width:100%;
  }
  .blog-items .blog-item {
    padding:0;
  }
  .blog-items[class^=columns-]>div,
  .blog-items[class*=\ columns-]>div {
    flex:0 auto;
    width:auto;
    max-width:none;
  }
  @media (width>=992px) {
    .blog-items.columns-2 {
      grid-template-columns:1fr 1fr;
    }
    .blog-items.columns-3 {
      grid-template-columns:1fr 1fr 1fr;
    }
    .blog-items.columns-4 {
      grid-template-columns:1fr 1fr 1fr 1fr;
    }
  }
}

Alles anzeigen

führt zu dreispaltiger responsiver Blog-Beitrags-Ausgabe auch im Ja-Simpli-Template bei

https://www.permakultur-paraguay.de/aktuelles

zumindest bis zu einem Blog-Beitrag bei dem wohl vor dem "Weiterlesen" nicht alle div geschloßen wurden.

mg327

Zitat von Sieger66

CSS mal als Beispiel aus Cassiopeia nachfolgendes entnommen:

Code

@supports (display:grid) {
  .blog-items {
    grid-gap:1em;
    grid-template-columns:1fr;
    grid-auto-flow:row;
    margin:0 0 1em;
    display:grid
  }
  .blog-items .blog-item {
    padding:0
  }
  .blog-items[class^=columns-]>div,
  .blog-items[class*=\ columns-]>div {
    flex:0 auto;
    width:auto;
    max-width:none
  }
  @media (width>=992px) {
    .blog-items.columns-2 {
      grid-template-columns:1fr 1fr
    }
    .blog-items.columns-3 {
      grid-template-columns:1fr 1fr 1fr;
    }
    .blog-items.columns-4 {
      grid-template-columns:1fr 1fr 1fr 1fr
    }
  }
}

Alles anzeigen

führt zumindest zu dreispaltiger responsiver Blog-Beitrags-Ausgabe auch im Ja-Simpli-Template bei

https://www.permakultur-paraguay.de/aktuelles

zumindest bis zu einem Blog-Beitrag bei dem wohl vor dem "Weiterlesen" nicht alle div geschloßen wurden.

Danke, aber der Denkfehler lag wohl bei uns. In der Freude, daß JaSimpli mit Joomla 4 funktioniert, haben wir die fehlende Funktionalität für Joomla 5 übersehen, da wir dies als "kleines" Upgrade gesehen haben.

Wir haben uns nach langem hin und her überlegen dazu entschlossen, die Seiten auf Cassiopeia umzustellen. Ist zwar etwas Fummelkram, aber dann gibt es hoffentlich wieder etwas Ruhe und bei Joomla 6 keine neuen Probleme.

mg327

Nochmal zusammenfassend:

JaSimpli ist nicht für Joomla 5, daher fahren wir dieses Template nun in den Graben und stellen auf Cassiopeia um.

Die mehrspaltige Anzeige innerhalb von Beiträgen müssen wir wohl per Hand umstellen, denn es macht wohl wenig Sinn, die alten Klassen weiter mitzuschleppen. Mir fällt nichts ein, wie man das irgendwie automatisieren könnte, also jeden Beitrag auf und dann mit Copy und Paste. Ist noch eine Menge Arbeit, aber wenn es dann genauso lange funktioniert wie das alte ist es OK.

Wir lassen das Thema noch etwas offen, falls noch jemand Ideen hat, aber im Prinzip ist es gelöst. Danke nochmal an alle