XF 2.1 How can I change the new message alert bell icon at the top?

[Rom]

How can I change the new message alert bell icon at the top? For example if i wanted to change it to a bullhorn.. Thanks in advance for any info.

 

[l3ta]

Put this in extra.less:

.p-navgroup-link.p-navgroup-link--alerts i::after {content: "\f0a1";}

 

[Rom]

Put this in extra.less:

.p-navgroup-link.p-navgroup-link--alerts i::after {content: "\f0a1";}

Thanks for the response. so this is limited to icons only? Can I put a .png there? I see a bell.png in the xenforo styles dir.

 

[l3ta]

Thanks for the response. so this is limited to icons only? Can I put a .png there? I see a bell.png in the xenforo styles dir.

You're welcome. You can also use an image. Just change the code in extra.less to this:

.p-navgroup-link.p-navgroup-link--alerts i::after {content: url(https://i.imgur.com/lkMtLZS.png);}

Replace the image link above with your own.

 

[Rom]

You're welcome. You can also use an image. Just change the code in extra.less to this:

.p-navgroup-link.p-navgroup-link--alerts i::after {content: url(https://i.imgur.com/lkMtLZS.png);}

Replace the image link above with your own.

awesome. thanks!

 

[parklanephil]

I need a similar thing and have tried this but this is the alerts icon. Can i change the messages icon? Specifically I want that to show ONLY when a message is present but if that isnt possible i want an externally hosted image to show instead of the envelope that will then have a number popup when messages are present

 

[ge66]

Have not tested but just exchange --alerts for --conversations in the above examples should do the trick.