1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.
  2. Please donate today & help us with our growing server costs or buy premium for access to our premium products
    Dismiss Notice

Free User Drop Down Icons

Discussion in 'vBulletin Template Mods & Extras' started by HAWK, Mar 23, 2016.

  1. HAWK

    HAWK Administrator Staff Member ADMIN

    Likes Received:
    575
    Trophy Points:
    113
    Gender:
    Male
    1. Put font awesome in head_include template
    style manager> style name> edit templates>head_include


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


    Code:
    <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


    Code:
    /*-- 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;
    }
     

Share This Page