how to change or hide the icons/images in the nav bar (notification bell and "new")

P.S. when spacehey launches something new, it has a "new" icon alongside it on the menu for some time, it had it beside the app link when i wrote this but as im posting its gone already

I couldn't find any tutorial on how to do this so I had to find out myself and I SUFFERED to find out how (tho it was the simplest solution ever) T-T so I thought I may share :P

here's what it looks like in my profile:

CODE:

(change the "IMG URL HERE" to the link of the image/icon you want, I personally use tumblr for hosting them :p)

these teach how to change it in your profile:

hiding them both

nav .links .icon {display:none;}

changing them both to the same icon

nav .links .icon {content:url("IMG URL HERE");}

hiding only the notification bell

nav .links .active .icon {display:none;}

hiding only the "new" icon

nav .links .icon .active { display:inline-block !important;} nav .links .icon { display:none;}

changing only the notification bell

nav .links .active .icon {content:url("IMG URL HERE");}

changing only the "new" icon

nav .links .active .icon { content:url("https://static.spacehey.net/icons/bell.png") !important} nav .links .icon { content:url("IMG URL HERE");}

changing both to different icons

nav .links .active icon { content:url("IMG URL HERE") !important;}
nav .links .icon { content:url("IMG URL HERE");}

this teaches how to change it in a blog entry:

changing the notification bell in a blog entry

nav .links .icon { content:url("IMG URL HERE"); Display:inline-block !important;}

hiding the notification bell in a blog entry

nav .links .icon {display:none;}

P.S. 2 i couldn't test all the codes before posting since it doesnt have the "new" icon as of now :/ lmk if anythings wrong and ill try to fix it