Miscellaneous Hacks - User Drop Down Icons + Message drop down icons (CSS only) - vb5.2.3/vb5.2.4

1. Put font awesome in head_include template
style manager> style name> edit templates>head_include

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">

if not working use http

<link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">

2. Put this in css_additional.css
style manager> style name> edit templates> CSS templates> css_additional.css

/*-- User drop down menu icon --*/
/*-- my profile --*/
#main-navbar .username-container ul.submenu li:first-child a span::before{
font-family: "FontAwesome";
content: "\f007";
padding-right:10px;
}
/*-- post --*/
#main-navbar .username-container ul.submenu li:nth-child(2) a span::before{
font-family: "FontAwesome";
content: "\f086";
padding-right:10px;
}
/*--settings --*/
#main-navbar .username-container ul.submenu li:nth-child(3) a span::before {
font-family: "FontAwesome";
content: "\f013";
padding-right:10px;
}
/*-- logout --*/
#main-navbar .username-container ul.submenu li:last-child a span::before {
font-family: "FontAwesome";
content: "\f08b";
padding-right:10px;
}


/*-- new chat menu icon --*/
#main-navbar .js-pmchat__dropdown ul.submenu li a span::before {
font-family: "FontAwesome";
content: "\f075";
padding-right: 10px;
}
#main-navbar .js-pmchat__dropdown ul.submenu li:last-child a span::before {
font-family: "FontAwesome";
content: "\f061";
padding-right: 10px;
}

[napy8gen]

Above mod working for up to vb5.2.4 ONLY

[HowToEvery]

Thank you! Works great on version 5.2.2
Also my website is rtl so just needed to change

padding-right

to

padding-left

[Mattwhf]

Cool!

Can I apply for my vB4 theme?

I have same navigation like you.

[napy8gen]

Originally Posted by Mattwhf

Cool!

Can I apply for my vB4 theme?

I have same navigation like you.

Code above for vb5 only.
I have updated the code for new message chat drop down.

[Totemizado]

I don't know why it doesn't make any change in my forum. I followed your steps but I don't see any change.

Have you got any idea?

PD: Sorry about my english.

[Madekozu]

nice - works fine for me

@Totemizado
Have you tried step 1 - the url with an without http ??

[Totemizado]

Originally Posted by Madekozu

nice - works fine for me

@Totemizado
Have you tried step 1 - the url with an without http ??

Yes, i tried, but don't make any change. My version is 5.2.3

[noypiscripter]

Did you put the custom css in the correct theme/style that you're viewing on the frontend?

[Caramity]

Works great man! I'm using 5.2.3, and have no problem with it. Thanks a lot!