Docs

[Deepak]

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?

[Lely]

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.

[Deepak]

That worked beautifully. Thanks and appreciate your support.

[Prasant Rai]

You are most welcome. 🙂

[Author]

Posts