Change navbar home icon

Avatar
  • updated
  • Answered
The new design/layout released last week uses FontAwesome fa-buliding-o for the icon of the main link in the navbar (a.navbar-brand i.fa.fa-building-o). We would like to use fa-home instead of fa-building-o. I have tried changing this using custom Special CSS, but have not been able to get it to work. I could change with JavaScript in a Custom Script module, but that would only apply when viewing the forum. We want the fa-home to be used for all pages (user profile, notifications, etc.).

I also tried going into the settings and choosing fa-home as the project logo, but that did not work either.

Is there a way that we can change our projects to use fa-home as the main home icon instead of fa-building-o?

How would you rate the customer service you received?

Satisfaction mark by Mathew Weaver 10 years ago

Thank you. That is exactly what I was looking for.

Add a comment about quality of support you received (optional):

Pinned replies
Avatar
Vladimir Mullagaliyev co-founder
  • Answer
  • Answered
Hello Mathew, 
We did it with custom CSS on you test forum  http://earthsofttest.userecho.com/
Check last line in your custom CSS.

/* replace navbar icon fa-building-o to the fa-home */
a.navbar-brand i.fa-building-o:before{content:"\f015" !important}
Avatar
Vladimir Mullagaliyev co-founder
  • Answer
  • Answered
Hello Mathew, 
We did it with custom CSS on you test forum  http://earthsofttest.userecho.com/
Check last line in your custom CSS.

/* replace navbar icon fa-building-o to the fa-home */
a.navbar-brand i.fa-building-o:before{content:"\f015" !important}