Einstellungen für Phocca Gallery um die Hintergrundfarbe in den Modulen bei Anzeige von Miniaturbildern anzupassen
Problem:
Anpassen der Hintergrundfarbe der Bild-Module mit Miniaturbildern von Phocca Gallery geht nur über CSS... aber wo und wie?
Lösung:
In der Phoca css-Datei "phocagallery.css", zu finden unter Joomla->Komponenten->Phoca Gallery->Stile,
sind die Boxen definiert, die dafür zuständig sind.
Für Bilder mit einen Hintergrund über und unter dem Miniaturbild:
#phocagallery-pane .pg-box2,
#phocagallery .pg-box2,
.pg-box2 {
display: table-cell;
vertical-align: middle;
/*Hintergrund (Horizontal) Miniaturbilder für xyz.de*/
background:#DFFFEA;
}
und für die Bilder mit Hintergrund links und rechts vom Miniaturbild:
#phocagallery-pane .pg-box3,
#phocagallery .pg-box3,
.pg-box3 {
text-align:center;
/*Hintergrund (vertikal) Miniaturbilder für xyz.de*/
background:#DFFFEA;
}
Die grüngeschriebenen Zeilen sind in der phocagallery.css-Datei noch nicht vorhanden.
Durch Hinzufügen der der grünen Zeilen vor der jeweiligen schließenden geschweiften Klammer (}) wird für den Hintergrund der Farbcode für eine sehr helles Grün (#DFFFEA) gesetzt. Durch Auswahl eines beliebigen Farbcodes, kann so die Hintergrundfarbe des Phocca-Bild-Moduls angepasst werden.
Das Ganze kann als "phocagallery.css" gespeichert werden. Fertig!
Hintergrund des Namens:
Damit die Bezeichnung, falls eingeblendet, auch den richtigen Hintergrund bekommen kann, muss wohl leider noch eine weitere Datei editiert werden.
Dazu öffnet man im Joomla-Backend unter dem Menü "Erweiterungen->Templates->Templates" das eigene Template für das Front-End. Es öffnet sich der Tab "Editor", wo unter "css" die Datei "modules.css" geöffnet wird.
dort sucht man denentsprechenden Eintrag, der wie folgt geändert wird:
div.module div div div div {
border:0;
padding:0;
background-image:none;
/* Oma-Kaetchen Modul-Hintergrund*/
background: #FFF1DF
}
Für mich unklar:
- was ist mit evtl. Aktualisierungen von phoca galery? Bleiben dann diese Änderung erhalten?
- Gibt es eine andere, sinnvolle Stelle, wo diese Änderung nachhaltig durchgeführt werden kann?