How to replace the help center name name in breadcrumbs | Community
Skip to main content

How to replace the help center name name in breadcrumbs

  • July 1, 2022
  • 1 reply
  • 0 views

Ronit12

Hi there I want to replace the help center name in breadcrumbs with the home icon. If somebody help me out on this would be great

 

 Thanks

1 reply

Ifra
  • July 2, 2022

Hey Ronit

i). Add the code to your script.js file.

Code:- 

document.querySelector(".breadcrumbs > li:first-child > a").innerHTML = "<i class='fa fa-home' aria-hidden='true'></i>";




Screenshot:-

 

 

ii). Make sure for the font-awesome CDN.

CDN:-

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g==" crossorigin="anonymous" referrerpolicy="no-referrer" />




Screenshot:-

 

 

iii). Output would be:-

 

 

 

Team