Icon wird nicht (mehr) angezeigt
-
Ein wirklich skurriles Problem, das ich einfach nicht verstehe: ich verwende zur Verlinkung zu den auf der Webseite dargestellten Tools Buttons (siehe Beitrag oben) – diese verlinken dann zur Webseite, zum Downloadbereich oder auch zu Apps.
Nun wird seit heute (ohne irgendein Zutun) das Icon (Weltkugel) für den WWW-Button nicht mehr angezeigt.
Wenn man den Beitrag bearbeitet, dann sieht man ihn komischerweise: https://ibb.co/ySN5svZ
Es ist jetzt kein dramatischer Fehler, aber ich finde für das Nicht-Anzeigen gerade dieses einen Icons einfach keine Ursache.
Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]
-
die Schriftgröße ist auf Null gesetzt
.kb-btn18197_7dbd92-ef.kb-button .kb-svg-icon-wrap { font-size: 0px; }
Entweder kannst du das im Kadence-Block „zurücksetzen“ oder du verwendest folgenden CSS-Code
.kb-btn18197_7dbd92-ef.kb-button .kb-svg-icon-wrap { font-size: 18px; }
CSS-Code kann man (wenn kein Child-Theme vorhanden ist) im WordPress-Backend >> Design >> Customizer >> zusätzliches CSS einfügen.
Abgekürzter Weg -> (
https://dein-domainname.de/wp-admin/customize.php
), also:/wp-admin/customize.php
an deine Domain anhängen >>, aufrufen und dann auf zusätzliches CSS klicken, das funktioniert auch (noch?), wenn du unter dem Menüpunkt Design kein „Customizer“ mehr findest.`Hallo,
in der developer console kann man sehen, das die Schrift-Größe auf 0px gesetzt ist:.kb-btn18197_7dbd92-ef.kb-button .kb-svg-icon-wrap { font-size: 0px; }
Das scheint wohl eine Einstellung zu sein, die du über das Plugin Kadence Block vorgenommen hast.
Schau da mal bitte nach.
Viele Grüße
Hans-GerdNachtrag: Angelika war schneller und hat den Beitrag schon veröffentlicht, während ich das noch geprüft habe.
- Diese Antwort wurde geändert vor 6 Monaten, 3 Wochen von Hans-Gerd Gerhards. Grund: Ergänzung
Langsam bekomme ich das Gefühl, dass meine Beiträge mit unsichtbarer Tinte verfasst wurden. Passiert die letzten beiden Tage öfters, dass sie nicht gesehen werden 😎
nene, vermutlich habe ich einfach übersehen, dass bei mir schon die Mail mit deiner Antwort eingetrudelt ist. Was solls 😊
- Diese Antwort wurde geändert vor 6 Monaten, 3 Wochen von Hans-Gerd Gerhards.
Es gibt halt so Tage … 😱
Danke euch beiden für den Hinweis. Da ich ja immer nur die jeweiligen Buttons „weiterkopiert“ habe und die Größe ja bei jedem Button auf NULL ist, ist der CSS Eintrag vermutlich die zeitsparendere Alternative.
(Seitenfrage: könnte man das im CSS eigentlich auch global eintragen, dass das Icon immer links und die Beschriftung rechts ist?)
Ich hab auch grad bemerkt, dass bei allen anderen „Button-Typen“ gar kein Wert mehr eingetragen ist, möglicherweise auch eine Nebenwirkung des kürzlich durchgeführten Hoster-Umzugs…
(Seitenfrage auch an mich: ich hab mich grad gefragt ob eine Pro-Version solche „Button-Menüs“ vereinfachen würde…)
Da ich ja immer nur die jeweiligen Buttons „weiterkopiert“ habe und die Größe ja bei jedem Button auf NULL ist, ist der CSS Eintrag vermutlich die zeitsparendere Alternative.
Das wird nicht funktionieren, da der CSS-Code eine Referenz nur auf dieses eine Element hat.
Wird überall innerhalb des Kadence-Blocks nur das Weltkugel-Icon nicht angezeigt? Dann verwende diesen CSS-Code
.wp-block-kadence-advancedbtn .wp-block-kadence-singlebtn .kb-svg-icon-fe_globe { font-size: 18px; }
Falls noch andere Icons, die über diesen Kadence-Block eingebunden wurden, betroffen sind, dann diesen Code
.wp-block-kadence-advancedbtn .wp-block-kadence-singlebtn .kb-svg-icon-wrap { font-size: 18px; }
Wird überall innerhalb des Kadence-Blocks nur das Weltkugel-Icon nicht angezeigt? Dann verwende diesen CSS-Code
Ja klar, in allen knapp 1200 Beiträgen, ich habe ja das Icon immer nur „kopiert“. Und ja ich hab bemerkt, dass auch andere Icons betroffen sind – dort ist die Größe aber nicht auf NULL gesetzt sondern es steht schlicht keine Größe da.
Danke für den Hinweise mit dem CSS Eintrag, das ist wirklich hilfreich. Eine Frage dazu hab noch:
könnte man das im CSS eigentlich auch global eintragen, dass das Icon immer links und die Beschriftung rechts ist?
…also dass Beschriftung und Icon quasi vertauscht werden.
- Das Thema „Icon wird nicht (mehr) angezeigt“ ist für neue Antworten geschlossen.