Hallo,
ich habe das Problem dass im Kursbereich in der ersten Zeile 3 Kurse nebeneinander angezeigt werden, in der nächsten nur einer, dann wieder drei (also immer abwechselnd). Kennt jemand dieses Problem?
Danke schonmal im Voraus!
Anne
Hallo Anne,
das sieht nicht wie ein Standard-Theme aus, oder? Evtl. können die Entwickler/innen des Themes helfen…
Zum Fehlerbild: Ohne Zugriff nur zu vermuten… Es sieht aus, als würde das CSS3 Flexbox-Modul genutzt, bei der die Kind-Elemente auf 25% Breite konfiguriert sind und die Abstände zwischen den Boxen nicht berücksichtigt wurden. Deshalb bricht die letzte Box um.
Hast Du einen Link, unter dem man den Effekt ohne Login sehen kann? Dann könnte man Vorschläge machen, welche CSS-Befehle fehlen/nicht korrekt sind und evtl. über eine „Zusätzliches CSS“-Funktion des Themes eingefügt werden müssten.
LG,M
Danke Martin schonmal für eine erste Einschätzung!
hier der gewünschte Link:
https://moodle.hwk-pfalz.de/course/index.php?categoryid=77
LG
Anne
hier der gewünschte Link:
https://moodle.hwk-pfalz.de/course/index.php?categoryid=77
LG
Anne
... wie vermutet, Glaskugel funktioniert 😁
Das jeweilige Eltern-Element .card-deck ist mittels display:flex; konfiguriert. Die Kind-Elemente (Kacheln, .card) haben rechts und links 15px Abstand, aber eine Breite (via flex-basis) von calc(25% - .5rem), also 25% des Elternelementes minus eine halbe "Standardschriftgröße".
Die Breite sollte aber den exakten Abstand rechts/links berücksichtigen, also 25% - 2*15px sein. Mit den "Entwicklerwerkzeugen" (normalerweise F12) kannst Du das nachvollziehen:
(nicht sooo gut zu erkennen, musste das Video komprimieren, max. Dateigröße sind hier 2MB...)
Der langen Rede kurzer Sinn:
Füge - so weit möglich - über > Website-Administration > Darstellung > Designs > [DeinDesign] > Erweitert > Raw SCSS folgendes ein:
#page-course-index-category .card-deck .card {
flex-basis: calc(25% - 30px);
}
Vielleicht wars das schon. Wenn nicht, gerne melden.
LGM
Vielen Dank, hat funktioniert!