Changing the Notifications Icon


I’m tweaking some icons (cause I really don’t like the defaults) and I was wondering if there is a way to change the notification “1x”. Here is a screen shot.

I’m wanting to go to a different type of notification sort of like how you see notifications in facebook where you have the little red circle with a number in it to define how many alerts you have.


Hello eswbitto, this is an interesting question, and we are hoping, either in v16 or v17 to introduce Font Awesome based icons into Gibbon, which may make this easier to do. At the moment there is no way to do this in the theme, you’d have to amend the core. If you were interested in doing this, then we could seek to include your code into v16. Let us know how you are getting on.

I am CCing our Senior Development, @ross, here in case she has anything to add.



Hi eswbitto,

As Ross mentions this can currently only be changed in the core. You can find the section for the notification tray on line 157 of functions.php`, however this hasn’t been refactored yet so it’s days are numbered :smirk:

With the front-end changes we’re planning (see #4086) this will be a fairly trivial change. For now if you’d like to make these changes you may be able to borrow some inspiration & css from

Hope this helps!