Page 1 of 2
4.5.0Alpha2: Zeilenumbruch von thumbs im Diabildschirm.
Posted: 19 Nov 2021, 10:11
by Girgei
Hallo, jetzt bräuchte ich nochein(letztes)mal Hilfe:
Und zwar geht es um die horizontale Ausrichtung von thumbs Reihen.
Kurz vor einem Umbruch, der je nach Einstellungen im Browser erfolgt, ist der rechte Bildschirmrand wesentlich größer als der linke, da die Ausrichtung der thumbs vermutlich linksbündig programmiert ist.
https://imgur.com/a/QZ53z0Z
Lässt sich das irgendwie einrichten, dass die Ränder links und rechts gleich groß sind, also dass die thumbs immer zentriert auf dem jeweiligen Bildschirm erscheinen.
Danke für Hilfe
Ciao
Girgei
Re: 4.5.0Alpha2: Zeilenumbruch von thumbs im Diabildschirm.
Posted: 19 Nov 2021, 20:13
by Jan
Hallo, die Bilder sind mit Flexbox dargestellt, so man einfach ändert die Flexbox Regel um die Boxen zentriert zu haben.
Am besten ist, wenn man es in seinem Custom.CSS macht, so diese Änderung nicht beim Update überschreiben wird.
Welches Theme benutzt du?
Jan
Re: 4.5.0Alpha2: Zeilenumbruch von thumbs im Diabildschirm.
Posted: 19 Nov 2021, 20:21
by christine
hallo,
kann nicht erkennen, welche view du hast. probier mal
Code: Select all
.pg-categories-items-box, .pg-category-items-box {
flex-wrap: nowrap;
}
dann werden natürlich die thumbs ein wenig kleiner.
liebe grüße, christine
sehe gerade ah, jan war schon da.
Re: 4.5.0Alpha2: Zeilenumbruch von thumbs im Diabildschirm.
Posted: 19 Nov 2021, 20:45
by Girgei
Hallo, ich benutze Theme_standard
und mit dem Code, in der
theme_standard.css eingefügt, von christine klappt's leider garnicht, die thumbs sind zu Punkten geschrumpft:
https://imgur.com/a/PjN2m2N
Re: 4.5.0Alpha2: Zeilenumbruch von thumbs im Diabildschirm.
Posted: 19 Nov 2021, 22:11
by christine
ja, ok. habe noch das andere theme. werde das standard installieren. aus bestimmten gründen kam es noch nicht dazu.
werde gucken.
Re: 4.5.0Alpha2: Zeilenumbruch von thumbs im Diabildschirm.
Posted: 20 Nov 2021, 13:01
by christine
probiers mit - in die custom.css
Code: Select all
.pg-item-box, .pg-category-box {
margin: 0 auto;
}
ev. mehr kann man sagen, wenn man es live sieht.
Re: 4.5.0Alpha2: Zeilenumbruch von thumbs im Diabildschirm.
Posted: 20 Nov 2021, 14:56
by Girgei
Hallo Christine, ich hab's ja gewusst, dass Du nicht locker lässt, bis Du eine Lösung ausgeklügelt hast. Vielen Dank. Genau so sollte es aussehen.
https://imgur.com/a/0QeUKA3
Ich habe den Code der theme_standard.css angefügt.
Mit 'ner custom.css im selben Verzeichnis
/joomla4/media/com_phocagallery/css/custom hat es nicht geklappt. Da muss ich noch experimentieren. Wichtig ist nur, dass der Code tut was er soll.
Nochmals vielen Danke und schönes Wochenende
Ciao
Girgei
Re: 4.5.0Alpha2: Zeilenumbruch von thumbs im Diabildschirm.
Posted: 20 Nov 2021, 16:08
by christine
hallo girgei,
na wunderbar, dass es geklappt hat.
ohne es live zu sehen, versucht man halt, es nachzubauen.
wegen custom.css. hast du eine dort angelegt? siehe bild.
weiß nicht, warum image nicht funktioniert.
https://imgur.com/0ZVH6h3
Re: 4.5.0Alpha2: Zeilenumbruch von thumbs im Diabildschirm.
Posted: 20 Nov 2021, 16:50
by Girgei
Ich hab die custom mit Notepad++ gemacht und mit Filezilla ins Verzeichnis kopiert. Da werde ich noch weiter rumbasteln. Aber nochne Frage: Eigentlich dürfte es doch egal sein, ob die css custom, user oder huber oder sonst wie heißt, denn wichtig ist doch nur das .css.
(Ich habe sie natürlich custom.css benannt!!)
Oder??
Ciao
Girgei
Re: 4.5.0Alpha2: Zeilenumbruch von thumbs im Diabildschirm.
Posted: 20 Nov 2021, 18:22
by christine
weil du geschrieben hattest, du hast den code in die theme_standard.css eingefügt. bei einem pg update wird diese aber überschrieben.
grundsätzlich arbeite ich mit einer user.css [cassiopeia], wenn ich einen code ergänzen oder abgeändert haben möchte. diese bleibt beim jooma update verschont.
die custom.css für phoca kann man sich auch einrichten. beim style in phoca anlegen und direkt dort codes einfügen.
für andere templates gibt es meistens eine generelle custom.css bzw. custom.scss.
liebe grüße, christine