Page 1 of 2
Bilder: Titel und Beschreibung zentrieren
Posted: 09 Jul 2017, 13:59
by Dummkopf
Hallo zusammen,
ich habe mal wieder 3 Probleme.
Ich verwende Highslide JS für die Detailansicht mit einem breiten weißen Rahmen.
Wenn ich die Diashow starte, dann erscheint alsbald ein schmaler grauer Balken (der allerdings vom unteren Rand des Bildes etwas überlagert wird) in dem der Inhalt aus dem Feld Beschreibung in weißer Schrift und schön zentriert angezeigt wird.
Schalte ich die Bilder einzeln, dann werden (wie von mir eingestellt) der Titel und die Beschreibung angezeigt. Allerdings nicht zentriert, sondern hart links beginnend.
Außerdem stört mich eine vertikale Navigationsleiste.
Ist es möglich:
1. den grauen Balken in der Diashow unter dem Bild anzuzeigen? Muss das Bild in seinen Abmessungen geändert werden?
2. Bildtitel und Bescheibung in der Einzelbldschaltung zentriert anzuzeigen?
3. kann man die Navigationsleiste abschalten?
Vielen Dank für hilfreiche Tipps
Dummkopf
Re: Bilder: Titel und Beschreibung zentrieren
Posted: 09 Jul 2017, 14:36
by Benno
Hi,
kannst Du bitte die URL zum Problem nennen, damit man sich das mal ansehen kann?
Freundliche Grüße,
Benno
Re: Bilder: Titel und Beschreibung zentrieren
Posted: 09 Jul 2017, 15:48
by Dummkopf
Hi Benno,
leider keine URL, da bisher alles auf localhost.
Kann ich hier Screenshots hochladen?
Ich sehe hier keine Funktionalität dazu.
Herzliche Grüße
Re: Bilder: Titel und Beschreibung zentrieren
Posted: 09 Jul 2017, 17:38
by Benno
Hi,
siehe Forum Rule #5
forum-rules.php
If you have problem on your site, please paste the link to your site or link a screenshot of your site (store your screenshot on some image server and paste a link to this image into the post).
Freundliche Grüße,
Benno
Re: Bilder: Titel und Beschreibung zentrieren
Posted: 09 Jul 2017, 18:02
by Dummkopf
Hi Benno,
danke für Deine Geduld.
Screenshot Diashow:
https://www.magentacloud.de/lnk/Fkv1x9KU
Einzelbild:
https://www.magentacloud.de/lnk/d2P1xnTF
Herzlichen Gruß
Re: Bilder: Titel und Beschreibung zentrieren
Posted: 09 Jul 2017, 19:39
by christine
Hallo,
hier ein ev. Teilinfo. Rest macht dann Benno - grüß Dich

weiter. Da ich kein Highslide JS verwende.
Highslide JS (nur Bilder) wäre halt keine Navigationsleiste. Du verwendest ja I-Frame Methode.
Probier mal kurz: Magnific
Titel zentriert. Da gibt es in der default.css:
Original:
Code: Select all
.pg-dv-desc {
height: 16px;
color: #333;
font-size: small;
}
abändern auf:
Code: Select all
.pg-dv-desc {
height: 16px;
color: #333;
font-size: small;
text-align:center;
}
Liebe Grüße, Christine
Re: Bilder: Titel und Beschreibung zentrieren
Posted: 09 Jul 2017, 20:22
by Benno
Hi,
den vertikalen Scrollbalken bekommst Du weg, wenn Du die Detail Fensterhöhe etwas vergrößerst.
backend --> Komponenten --> Phoca Gallery --> Kontrollzentrum --> Optionen --> Miniaturbilder --> Bilder und Detail Fenstergröße - Einstellungen --> Detail Fensterhöhe=(Wert ausprobieren bis Scrollbalken weg ist)
Speichern & Schließen
Und ja, das Problem besteht nur bei I-Frame Detailansichten. Bei Image Detailansichten wird die Größe des Detailfensters automatisch angepasst.
Siehe dazu: 8. Image oder Iframe Methode
http://www.reisefotografien.eu/phoca-b ... e-hinweise
Beide Methoden haben Vor- und Nachteile.
Freundliche Grüße,
Benno
OT: Grüß Dich Christine.

Re: Bilder: Titel und Beschreibung zentrieren
Posted: 10 Jul 2017, 00:52
by Dummkopf
christine wrote: 09 Jul 2017, 19:39
Titel zentriert. Da gibt es in der default.css:
Original:
Code: Select all
.pg-dv-desc {
height: 16px;
color: #333;
font-size: small;
}
abändern auf:
Code: Select all
.pg-dv-desc {
height: 16px;
color: #333;
font-size: small;
text-align:center;
}
hallo Christine,
Vielen Dank für den Tipp. Aber der funktioniert bei mir nicht. Ich habe das mit verschiedenen Detail-Ansichten probiert.
Herzliche Grüße
Marc
Re: Bilder: Titel und Beschreibung zentrieren
Posted: 10 Jul 2017, 10:54
by christine
Hallo Marc,
gibt ja verschiedene Optionen für Beschreibungen/Titel. Müsste man halt live sehen. Der 1. Code ist ja nur für die Pop-Up Methode.
Ergänzend zum vorigen Code probierst Du noch folgendes:
also Optionen > Themen > CSS Dateien bearbeiten > default.css
Zeile 70:
Code: Select all
.pg-cv-descbox {
font-size: x-small;
text-align: center;
}
Zeile 58:
Code: Select all
.pg-cv-name {
margin-top: 5px;
font-size: x-small;
text-align:center;
}
oben das: text-align:center; dazugeben.
Liebe Grüße, Christine
Re: Bilder: Titel und Beschreibung zentrieren
Posted: 13 Jul 2017, 12:03
by Dummkopf
christine wrote: 10 Jul 2017, 10:54
Ergänzend zum vorigen Code probierst Du noch folgendes:
also Optionen > Themen > CSS Dateien bearbeiten > default.css
Hallo Christine,
vielen Dank für Deine erneute Mühe. Die o.a. Lokalisation
Themen kann ich in den Optionen bei meiner Phoca Gallery nicht finden. Aber ich habe ja Zugriff auf die Verzeichnisse meiner lokalen Installation und dort ist sie unter ..\htdocs\MeineSeite\media\com_phocagallery\css\custom\default.css zu finden.
Leider haben die vorgeschlagenen Einträge auch nichts geändert, wenn ich denn alles richtig gemacht habe.
Ich habe nun viel herumprobiert und mich dann zu folgendem Vorgehen entschlossen.
Bei der nun von mir gewählten Detaildarstellung
Schattenbox (nur Bilder) habe ich die zugehörige css-Datei lokalisiert:
..\htdocs\MeineSeite\components\com_phocagallery\assets\shadowbox\shadowbox.css
Dort habe ich den Eintrag:
#sb-title-inner{font-size:16px;} geändert auf
#sb-title-inner{font-size:16px;text-align: center;}
Damit wird der Titel zentriert über der Shadowbox angezeigt. Da ich keine Möglichkeit gefunden habe, auch den Inhalt der Bildbeschreibung anzuzeigen, muss ich halt diese beim Titel ergänzen. Dann habe ich ungefähr das, was ich wollte.
Herzliche Grüße
Marc