Mit CSS Phoca Gallery stylen

Das Phoca Gallery Design kann mit den Optionen / Einstellungen oder mit Hilfe von CSS verändert werden. Diese Anleitung beschreibt, wie das Phoca Gallery Design mit Hilfe von CSS verändert werden kann. Sie können entweder Ihre Template CSS oder direkt die Phoca Gallery CSS Dateien anpassen:

components/com_phocagallery/assets/phocagallery.css

components/com_phocagallery/assets/phocagallerycustom.css (falls Sie ein angepasstes CSS für Ihre Phoca Gallery verwenden)

 

1. Sie möchten die Anzahl der Bilder einer Kategorie in der Kategorienansicht verstecken

Die Anzahl (Anzahl von Bildern in der Kategorie) kann mit Hilfe von CSS durch Einfügen dieses Codes in Ihre CSS Datei versteckt werden:

 

#phocagallery.pg-categories-view table tr td .small,
#phocagallery.pg-categories-view #phocagallery-categories-detail .pg-cats-name.small .small{
    display:none;
}

 

 

2. Sie möchten das Detail Icon auf dem Miniaturbild (Thumbnail) und nicht darunter (das ist Standard) anzeigen

Icons (z.B. das Detail Icon) könnten auf dem Miniaturbild angezeigt werden, wenn sie so gestylt werden - siehe Beispiel: Phoca Wallpapers Seite.

 

#phocagallery .detail {
    bottom: 52px; /*Use own settings - depends on used items below the thumbnails */
    margin: 0;
    padding: 0;
    position: absolute;
    right: 18px; /*Use own settings */
}