Page 1 of 2
Icon of category
Posted: 20 Dec 2024, 14:47
by 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
Re: Icon of category
Posted: 20 Dec 2024, 16:31
by christine
Hi,
I don't know which icon you mean. Can we see it live? - so we can check this.
Kind regards
Christine
Re: Icon of category
Posted: 20 Dec 2024, 17:12
by rscheffer
Hello,
sure: it is
http://www.loser86.de/bilder
I mean the icon "lock" of the category.
KR
roland
Re: Icon of category
Posted: 20 Dec 2024, 19:28
by 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
Re: Icon of category
Posted: 21 Dec 2024, 14:09
by 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
Re: Icon of category
Posted: 21 Dec 2024, 14:49
by 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
Re: Icon of category
Posted: 21 Dec 2024, 16:46
by christine
Derzeitiger Stand: Wird ja schon was.
Entferne Zeile 4 und probiere es mit:
background-size: cover;
Liebe Grüße
Christine
Re: Icon of category
Posted: 21 Dec 2024, 16:48
by 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
Re: Icon of category
Posted: 21 Dec 2024, 16:53
by rscheffer
Noch ein Feedback zu den Icons.
Die liegen alle als SVG vor und sind in /sites/layouts/svg_definitions.php beschrieben.
Re: Icon of category
Posted: 21 Dec 2024, 16:58
by 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