Bewertung: 5 / 5

Stern aktivStern aktivStern aktivStern aktivStern aktiv
 
Einstellungen für Phocca Gallery um die Hintergrundfarbe in den Modulen bei Anzeige von Miniaturbildern anzupassen
Problem:

2017-12-28.png

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:

Phoca Mudulhintergrund BeschriftungDamit 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?

 

   

Fotografien

Landschaften
Vögel
Schönes
   

Hof

Flurrenovierung
Flurrenovierung
Flurrenovierung
   

alle Bilder

   
© Bernd Brehmke