Bilder: Titel und Beschreibung zentrieren

[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

[Benno]

Hi,
kannst Du bitte die URL zum Problem nennen, damit man sich das mal ansehen kann?

Freundliche Grüße,
Benno

[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

[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

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

[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

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

[Dummkopf]

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

[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

[Dummkopf]

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