Support » Plugins » 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]

Ansicht von 8 Antworten - 1 bis 8 (von insgesamt 8)
  • Moderator La Geek

    (@la-geek)

    @helmutpecher

    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-Gerd

    Nachtrag: Angelika war schneller und hat den Beitrag schon veröffentlicht, während ich das noch geprüft habe.

    • Diese Antwort wurde geändert vor 1 Monat, 3 Wochen von Hans-Gerd Gerhards. Grund: Ergänzung
    Moderator La Geek

    (@la-geek)

    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 😊

    Moderator La Geek

    (@la-geek)

    Es gibt halt so Tage … 😱

    Thread-Starter helmutpecher

    (@helmutpecher)

    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…)

    Moderator La Geek

    (@la-geek)

    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;
    }
    Thread-Starter helmutpecher

    (@helmutpecher)

    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.

Ansicht von 8 Antworten - 1 bis 8 (von insgesamt 8)