Page 1 of 1

Gallery zentrieren bislang ohne Erfolg...

Posted: 09 Aug 2017, 22:27
by BrainTrust
Hallo Leute,

wir wollten die Gallery zentrieren und habe auch im Backend eine fixe Breite eingetragen und auf zentrieren gestellt. ohne Auswirkung.
Ich habe ein Video gemacht welches zeigen soll worum es mir geht:
https://www.youtube.com/watch?v=s2WltsbLhiM
Das ist ein kurzes Video mit einer Länge von 2:39 ;-)

Besten Dank für Eure Zeit und Mühe
Schöne Grüße
BrainTrust

Re: Gallery zentrieren bislang ohne Erfolg...

Posted: 09 Aug 2017, 23:39
by christine
Hallo BrianTrust,

wieder da :wink: Wegen dem Zentrieren kann ich jetzt nichts sagen. Da ich aber Deine Seite kenne, ist mir u.a. folgendes aufgefallen:

PG ist nicht responsive, sieht man u.a. bei schnellem: Strg+Shift+M. Da stört nämlich:

custom.css / Zeile 112:
padding-left:138px !important; > würd ich mal weggeben.
Zeile 115:
padding-left:10px; auf ca. 5px; ändern. Dann sind 4 Bilder nebeneinander. margin: 5px; > ev. da was ausprobieren.

Liebe Grüße & Gute Nacht, Christine

Re: Gallery zentrieren bislang ohne Erfolg...

Posted: 10 Aug 2017, 06:32
by BrainTrust
Hallo Christine,
Besten Dank für Deine Antwort. Das mussten wir wegen dem Template leider so machen, jetzt testen wir gerade ein anderes Template (aus dem Video). Das ist sauberer anzupassen und auch einfacher 😉.
Das neue Template wird erst heute online gehen.
Schöne Grüße
Harry

Re: Gallery zentrieren bislang ohne Erfolg...

Posted: 10 Aug 2017, 20:46
by BrainTrust
Hallo,

jetzt ist das ganze mit dem neuen Template online ;-) viel besser als mit dem alten
https://lightcolorshadow.com/
Schöne Grüße
Harry

Re: Gallery zentrieren bislang ohne Erfolg...

Posted: 10 Aug 2017, 21:50
by Jan
Hallo, die Bilder sind in "float" Boxen dargestellt, so wenn man float Boxen zentrieren will, muss die Breite von Box gleich sein, wei z.B. die Breite von 3 Bildern (plus margins, paddings, borders).

So z.B. wenn man Breite auf 720px setzt, sieht es so aus:

Image

Re: Gallery zentrieren bislang ohne Erfolg...

Posted: 11 Aug 2017, 13:19
by BrainTrust
Hallo Jan,
besten Dank für Dein Antwort. Wenn ich Dich jetzt richtig verstanden habe, dann ist es so, daß die Gallery nicht selbständig die Vorschaubilder verkeinern kann (für Tablet & Phone) und diese dann zentriert. Ich müsste mich zuerst für eine Größe der Box entscheiden und dann das drumherum (margins, paddings, borders) dazurechnen um dann wiederum die feste Breite zu definieren.
Ich glaub ich habs jetzt ^^
Nochmal besten Dank für Deine Unterstützung

Schöne Grüße
Harry

Re: Gallery zentrieren bislang ohne Erfolg...

Posted: 11 Aug 2017, 17:20
by Jan
Hallo, es gibt verschiedene Wege, wie man Bilder mit Phoca Gallery darstellt:

- standard (float Boxen)
- per z.B. Masonry (da kann Masonry zentrieren oder CSS in Phoca Gallery, z.B.: https://www.phoca.cz/phocacartdemo/phoca-gallery )
- oder per Bootstrap in Phoca Photo: https://phoca.cz/phocaphoto (z.B: https://www.phoca.cz/phocacartdemo/phot ... ory/1-audi )

Als standard, sind die Bilder in "float" Boxen dargestellt, und HTML kennt keine Zentrierung für "float" Boxen - es kann nur links oder rechts ausgerichtet

Re: Gallery zentrieren bislang ohne Erfolg...

Posted: 12 Aug 2017, 11:07
by BrainTrust
Hallo Jan,
besten Dank für Deine ausführliche Antwort, jetzt hat es auch bei mir klick gemacht :-D
Ich wünsche Dir ein schönes Wochenende ;-)

Schöne Grüße
Harry