$conf, $runtime; function_exists('chdir') AND chdir(APP_PATH); $r = 'mysql' == $conf['cache']['type'] ? website_set('runtime', $runtime) : cache_set('runtime', $runtime); } function runtime_truncate() { global $conf; 'mysql' == $conf['cache']['type'] ? website_set('runtime', '') : cache_delete('runtime'); } register_shutdown_function('runtime_save'); ?>Font awesome Icon HTML in widgets disappear on save|Programmer puzzle solving

Programmer puzzle solving

    最新消息：Welcome to the puzzle paradise for programmers! Here, a well-designed puzzle awaits you. From code logic puzzles to algorithmic challenges, each level is closely centered on the programmer's expertise and skills. Whether you're a novice programmer or an experienced tech guru, you'll find your own challenges on this site. In the process of solving puzzles, you can not only exercise your thinking skills, but also deepen your understanding and application of programming knowledge. Come to start this puzzle journey full of wisdom and challenges, with many programmers to compete with each other and show your programming wisdom! Translated with DeepL.com (free version)
    你的位置： HOME>matter>Font awesome Icon HTML in widgets disappear on save

    Font awesome Icon HTML in widgets disappear on save

    matteradmin7PV0评论

    I've created a Text widget and put font-awesome icon HTML in editor Text Mode <i class="fab fa-facebook"></i> but toggling to Visual mode makes the code disappears though I can see it working on Frontend.

    I've created a Text widget and put font-awesome icon HTML in editor Text Mode <i class="fab fa-facebook"></i> but toggling to Visual mode makes the code disappears though I can see it working on Frontend.

    • widgets
    • widget-text
    • icon
    Share Improve this question asked Jun 18, 2018 at 12:08 AnkitAnkit 135 bronze badges
    Add a comment  | 

    3 Answers 3

    Reset to default 2

    I think the issue is that WordPress removes empty tags from the editor. Try adding in a non-breaking space - Font Awesome should remove it so you shouldn't see any noticeable difference:

    <i class="fab fa-facebook">&nbsp;</i>

    You have used the wrong syntax.

    True syntax is <i class="fa fa-facebook"></i>.
    Also verify that you have added font-awesome in your theme and function file.

    @Harsh - The original poster was using the syntax from Font Awesome 5, where different prefixes are used based on whether it is a brand (fab prefix), solid (fas prefix), regular (far prefix) and light (fal prefix).

    Also, I found that the "&nbsp;" did resolve disappearing icon the issue for me.

    Articles related to this article

    Post a comment

    comment list (0)

    1. No comments so far