Gallery zentrieren bislang ohne Erfolg...

Phoca Gallery - image gallery extension
BrainTrust
Phoca Member
Phoca Member
Posts: 43
Joined: 27 Apr 2016, 18:40

Gallery zentrieren bislang ohne Erfolg...

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

Re: Gallery zentrieren bislang ohne Erfolg...

Post 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
BrainTrust
Phoca Member
Phoca Member
Posts: 43
Joined: 27 Apr 2016, 18:40

Re: Gallery zentrieren bislang ohne Erfolg...

Post 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
BrainTrust
Phoca Member
Phoca Member
Posts: 43
Joined: 27 Apr 2016, 18:40

Re: Gallery zentrieren bislang ohne Erfolg...

Post 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
User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 49144
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Gallery zentrieren bislang ohne Erfolg...

Post 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
If you find Phoca extensions useful, please support the project
BrainTrust
Phoca Member
Phoca Member
Posts: 43
Joined: 27 Apr 2016, 18:40

Re: Gallery zentrieren bislang ohne Erfolg...

Post 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
User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 49144
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Gallery zentrieren bislang ohne Erfolg...

Post 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
If you find Phoca extensions useful, please support the project
BrainTrust
Phoca Member
Phoca Member
Posts: 43
Joined: 27 Apr 2016, 18:40

Re: Gallery zentrieren bislang ohne Erfolg...

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