Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1344691
    Deepak
    Participant

    I have set up the breadcrumbs fine and is working. Now I just want to use fontawesome icons as separator and home icon as in x Theme breadcrumb.

    The problem is Yoast is not taking in <i class=”x-icon-home” data-x-icon=””></i> as Text for home. It strips off the data-x-icon=”” part from the string and hence doesn’t work with X.

    Any suggestions?

    #1344909
    Lely
    Moderator

    Hello There,

    Please try to use this instead:
    <i class="fa fa-home" ></i>
    Then add the following CSS on your child theme style.css file:

    i.fa.fa-home {
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    i.fa.fa-home:before {
        content: "\f015";
    }

    Hope this helps.

    #1345442
    Deepak
    Participant

    That worked beautifully. Thanks and appreciate your support.

    #1345752
    Prasant Rai
    Moderator

    You are most welcome. 🙂

  • <script> jQuery(function($){ $("#no-reply-1344691 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>