maldboy88

Registered
Hey @Russ can this be used for fontawesome icons?
I have added fontawesome icon to my nav using
Code:
/*=Font Awesome Icon: Resources=*/
.navTabs .navTab.resources .navLink:before
{
display: block !important;
font-family: FontAwesome;
position: absolute;
top: 0 px;
left: 5px;
border-left: none;
/*--icon to display--*/
content: "\f01a";
/*--icon color--*/
color: #FFF;
/*--icon size--*/
font-size: 17px;
}
/*--icon color if tab is selected--*/
.navTabs .navTab.resources.selected .navLink:before {color: #ffeb3b;}
/*--icon color if mouse is hovered--*/
.navTabs .navTab.resources:hover .navLink:before {color: #ffeb3b;}
/*--adjust the px relative to the icon size--*/
.navTabs .navTab.resources .navLink  { padding-left: 25px; }
 
I have added the fonts (attachment)
What i want is the trick you have made for the Like on hover :)
 

Attachments

  • Capture.PNG
    Capture.PNG
    4.5 KB · Views: 9
Gotcha, so extra.css:

Code:
.navTabs .publicTabs .navTab .navLink:before
{
  transition: all 0.2s linear;
}
.navTabs .publicTabs .navTab:hover .navLink:before
{
   transform:rotate(360deg);
}

Should do the trick.
 

Pre-Sale Questions

If you have any questions or concerns you want to ask before you make a purchase don't hesitate to use one of our multiple support channels for your convenience.

Back