Breadcrumb customization

brandofamily

Is there anyway to CHANGE the home icon (the house) itself to another image w/o hacking it by making another html block? :dunno

I found code to hide the house, but I cannot figure out how to add a different icon in it's place...

/* Hide the current breadcrumb home button */
.sm-breadcrumb .sm-fonticon-Home {
   visibility: hidden;
}

brandofamily

Got it...

.sm-fonticon-Home {
background-color: transparent;
  border: none !important;
  background-image: 
    url(http://www.brandolinoimaging.com/photos/i-XNfb9wS/0/O/i-XNfb9wS-O.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40px 40px;
  width: 40px;
  height: 30px;
}

/* Hide the current breadcrumb home button */
.sm-breadcrumb .sm-fonticon-Home:before {
   visibility: hidden;
}