4.5.0Alpha2: Zeilenumbruch von thumbs im Diabildschirm.

Phoca Gallery - image gallery extension
Girgei
Phoca Member
Phoca Member
Posts: 27
Joined: 19 Jan 2020, 18:07

4.5.0Alpha2: Zeilenumbruch von thumbs im Diabildschirm.

Post 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

Tags:
User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 47810
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: 4.5.0Alpha2: Zeilenumbruch von thumbs im Diabildschirm.

Post 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
If you find Phoca extensions useful, please support the project
christine
Phoca Hero
Phoca Hero
Posts: 2723
Joined: 28 Nov 2010, 17:20

Re: 4.5.0Alpha2: Zeilenumbruch von thumbs im Diabildschirm.

Post 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.
Girgei
Phoca Member
Phoca Member
Posts: 27
Joined: 19 Jan 2020, 18:07

Re: 4.5.0Alpha2: Zeilenumbruch von thumbs im Diabildschirm.

Post 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
christine
Phoca Hero
Phoca Hero
Posts: 2723
Joined: 28 Nov 2010, 17:20

Re: 4.5.0Alpha2: Zeilenumbruch von thumbs im Diabildschirm.

Post by christine »

ja, ok. habe noch das andere theme. werde das standard installieren. aus bestimmten gründen kam es noch nicht dazu.
werde gucken.
christine
Phoca Hero
Phoca Hero
Posts: 2723
Joined: 28 Nov 2010, 17:20

Re: 4.5.0Alpha2: Zeilenumbruch von thumbs im Diabildschirm.

Post 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.
Girgei
Phoca Member
Phoca Member
Posts: 27
Joined: 19 Jan 2020, 18:07

Re: 4.5.0Alpha2: Zeilenumbruch von thumbs im Diabildschirm.

Post 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. :D :D
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
Phoca Hero
Phoca Hero
Posts: 2723
Joined: 28 Nov 2010, 17:20

Re: 4.5.0Alpha2: Zeilenumbruch von thumbs im Diabildschirm.

Post by christine »

hallo girgei,

na wunderbar, dass es geklappt hat. :twisted: ohne es live zu sehen, versucht man halt, es nachzubauen.

wegen custom.css. hast du eine dort angelegt? siehe bild.

Image
weiß nicht, warum image nicht funktioniert.
https://imgur.com/0ZVH6h3
Girgei
Phoca Member
Phoca Member
Posts: 27
Joined: 19 Jan 2020, 18:07

Re: 4.5.0Alpha2: Zeilenumbruch von thumbs im Diabildschirm.

Post 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
christine
Phoca Hero
Phoca Hero
Posts: 2723
Joined: 28 Nov 2010, 17:20

Re: 4.5.0Alpha2: Zeilenumbruch von thumbs im Diabildschirm.

Post 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
Post Reply