Tutorials Navigation Icons + Custom Username Styles

Marks-Man

Administrator
CSS:

Code:
.p-navEl a[data-nav-id="xfrmLatestReviews"]::before{
    content:"\f06e"
}

.p-navEl a[data-nav-id="xfrmYourResources"]::before{
    content:"\f120"
}

.p-navEl a[data-nav-id="xfrmWatched"]::before{
    content:"\f2e1"
}

.p-navEl a[data-nav-id="xfrmSearchResources"]::before{
    content:"\f865"
}


.p-navEl a[data-nav-id="registeredMembers"]::before{
    content:"\f0ca"
}


.p-navEl a[data-nav-id="currentVisitors"]::before{
    content:"\f0f0"
}

.p-navEl a[data-nav-id="newProfilePosts"]::before{
    content:"\f10d"
}
.p-navEl a[data-nav-id="searchProfilePosts"]::before{
    content:"\f4d8"
}

.menu-content a[data-nav-id="registeredMembers"]::before{
        font-family: 'Font Awesome 5 Pro';
    padding-right: 5px;
    float: left;
    -webkit-transition: opacity .25s ease, background .25s ease;
    transition: opacity .25s ease, background .25s ease;
    content:"\f0ca"
}


.menu-content a[data-nav-id="currentVisitors"]::before{
       font-family: 'Font Awesome 5 Pro';
    padding-right: 5px;
    float: left;
    -webkit-transition: opacity .25s ease, background .25s ease;
    transition: opacity .25s ease, background .25s ease;
    content:"\f0f0"
}

.menu-content a[data-nav-id="newProfilePosts"]::before{
       font-family: 'Font Awesome 5 Pro';
    padding-right: 5px;
    float: left;
    -webkit-transition: opacity .25s ease, background .25s ease;
    transition: opacity .25s ease, background .25s ease;
    content:"\f10d"
}
.menu-content a[data-nav-id="searchProfilePosts"]::before{
       font-family: 'Font Awesome 5 Pro';
    padding-right: 5px;
    float: left;
    -webkit-transition: opacity .25s ease, background .25s ease;
    transition: opacity .25s ease, background .25s ease;
    content:"\f4d8"
}

              
.menu-content a[data-nav-id="newPosts"]::before{
   font-family: 'Font Awesome 5 Pro';
    padding-right: 5px;
    float: left;
    -webkit-transition: opacity .25s ease, background .25s ease;
    transition: opacity .25s ease, background .25s ease...

Read more

Continue reading...
 
Top