4.5.0Alpha2: Zeilenumbruch von thumbs im Diabildschirm.

[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

[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

[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.

[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

[christine]

ja, ok. habe noch das andere theme. werde das standard installieren. aus bestimmten gründen kam es noch nicht dazu.
werde gucken.

[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.

[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

[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

[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

[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