Icon of category

[rscheffer]

Hello,
I have created categories that only registered users can see - that works great.
If a user is not logged in, I display the categories and the category icon is a "lock".
Can I customize this icon?

It goes to
.ph-si-lock-medium {color: #b0b0b0; background: #f0f0f0;}
in

KR

[christine]

Hi,

I don't know which icon you mean. Can we see it live? - so we can check this.

Kind regards
Christine

[rscheffer]

Hello,
sure: it is http://www.loser86.de/bilder
I mean the icon "lock" of the category.

KR
roland

[christine]

Hallo Roland,

versuche es damit: In den PG Optionen > Kategorien-Bildsortierung:

Wenn ein Bild anstelle des Verzeichnis Icons in der Kategorie Ansicht angezeigt wird, festlegen welches Bild benutzt werden soll (zufällig, erstes, letztes, etc.)

Liebe Grüße
Christine

[rscheffer]

Hallo Christine,
das wäre sicherlich eine Option - das würde aber bedeuten, dass ich das für jede Kategorie machen müsste und ich auch ein Bild definieren müsste.
Mir schwebt eher vor, dass ich das Icon "Schloss" durch ein anderes Icon ersetze. Wenn ich den Quellcode untersuche, dann ist dieses Icon mit

Code: Select all

<svg alt="2024 Weihnachtsmarkt" class="ph-si ph-si-lock-medium pg-image c-Image c-Image--shaded" style="width:256px;height:192px" itemprop="thumbnail"><use xlink:href="#ph-si-lock"></use></svg>

definiert. Also mit der

Code: Select all

class="ph-si ph-si-lock-medium pg-image c-Image c-Image--shaded"

bzw. in theme_simple.css (Zeile 50) mit

Code: Select all

.ph-si-lock-medium {color: #dc1414;background: #f0f0f0;}

Und jetzt weiss ich nicht weiter - wo ist dann dieses Icon hinterlegt ?

VG
roland

[christine]

Hallo Roland,

ich weiß nicht, wie es im eingeloggtem Zustand aussieht. Eventuell hast Du dort auf "Zufallsbild" eingestellt.

Für jetzige Ansicht kann ich Dir in Moment nur einen Kompromiss vorschlagen:

a) Dazu aber zuerst eine user.css im Template anlegen. Diese brauchst Du sowieso, wenn Du mal andere Codes reinschreiben möchtest, sodass diese bei einem Update nicht überschrieben werden. Ist jetzt generell, nicht (nur) für PG gemeint.
Andere Farbe irgendwo, etc. Mit Inspector kannst Du ja schon prima umgehen

https://www.reisefotografien.eu/phoca-b ... n-user-css

b) So, nun der Kompromiss Vorschlag:
In die user.css reingeben:

Code: Select all

.ph-si-lock-medium {
  color: transparent;
  background: #912b3b;
}

Würde dann so aussehen:



Liebe Grüße
Christine

[christine]

Derzeitiger Stand: Wird ja schon was.

Entferne Zeile 4 und probiere es mit:
background-size: cover;

Liebe Grüße
Christine

[rscheffer]

Hallo Christine,
danke für den Tipp - das hat zunächst einmal funktioniert.
Zumindest konnte ich es ersetzen - jetzt muss ich mich mal mit der user.css beschäftigen :-).

Allen eine gesegnete Weihnachtszeit und einen guten Rutsch ins das Jahr 2025 !

VG
roland

[rscheffer]

Noch ein Feedback zu den Icons.
Die liegen alle als SVG vor und sind in /sites/layouts/svg_definitions.php beschrieben.

[christine]

Hallo Roland,

Freut mich, dass es geklappt hat.

Die user.css ist schon sinnvoll & praktisch.
Untersuchst halt betreffende CSS. template.min.css bzw. gewünschte andere, auf einen betreffenden Code. Setzt diesen in die user.css mit geänderten oder ergänzenden Werten. Weil sonst wird es bei einem Joomla Update wieder überschrieben.

Auch Dir wünschen wir frohe Weihnachten & alles Gute für 2025!

Jan, Benno, Christine