Setting Up Yoast SEO Breadcrumbs

By default in the Total theme if you have the WordPress SEO plugin by Yoast installed the theme will remove the built-in breadcrumbs and use the plugin’s breadcrumbs instead. Below are some helpful tips you may want to check out.

Adding a home Icon to the home text

You can easily add a home icon next to the home text using the built-in font awesome icon script in Total you would do this via HTML as shown in the screenshot below:

Adding a “clean” arrow separator

You can also add a custom separator using some html like such:

<span class="sep"><span class="fa fa-angle-right" /></span>

This will use the font awesome angle right icon which is very slick.

Styling the breadcrumbs

Styling the breadcrumbs is also possible via the theme. Simply go to Appearance > Customize > General Theme Options > Breadcrumbs to locate the various options for altering the colors of your Yoast SEO breadcrumbs.