Two Silly Little Questions: Options for Menu and Avatar Border

[Anita]

Hi, everyone!

I've got two questions... I hope you can help me with these.

1) How can I add an image for one of the menu options? In the ACP, I could add all the images.
However, I don't know where to set up the image for Notifications:



In fact, I wonder if there's a possibility for the button to change when there are notifications.
I'm afraid I've tried to find every possible way to add this button, to no avail.
Should you help me with this, I'd totally appreciate it!



2) This is not a life-changing thing, but I was wondering how possible it is to remove the coloured border for avatars.


Thank you very much for your help!


Have an unforgettable weekend!

[Ange TuteurAdministrator]

Hi @Anita,

The notification button in the quick navigation is unique to FAE, so it's not available in the Admin Panel. You can however, change it with CSS. Add the CSS below to your stylesheet.

Code:

/* hide old notifications text */
#fae_sticky_nav_panel a[href$="notifications"] { font-size:0; }

/* notifications number */
#fae_sticky_nav_panel a[href$="notifications"] #sticky_notif_unread {
  font-size:16px;
  vertical-align:3px;
  margin-left:3px;
}

/* notifications image */
#fae_sticky_nav_panel a[href$="notifications"]:before {
  content:url(http://i86.servimg.com/u/f86/18/21/41/30/post-r10.png);
}

Replace https://i.servimg.com/u/f86/18/21/41/30/post-r10.png with the image you want to display for this button. You can also modify the design of the number that displays new notifications. ( see notifications number comment )


For the avatar, I think you're talking about the border on all the mini-avatars, correct ? If so, the following CSS rule should work for that.

Code:

#wio_new_avatar, .avatar, .avatar-mini img, .lastpost-avatar {
  border:none;
}

[Anita]

Hi, @Ange Tuteur! How was the beginning of your week?

Wow, thank you very much for the CSS additions! They worked like a charm! Hats off, sir!

Thank you very much for all your help and commitment.
I send you my best wishes for this week!

[Ange TuteurAdministrator]

Coffee induced

No problem.

Have a good day.

[Sponsored content]