XF 1.x Font awesome in postbit

Boone

Well-Known Member
How do I get the font awesome icons in the postbit?

I have it in Apex Dark but not in Apex Light.

I must have screwed up somewhere along the line but can't seem to get it fixed.
 

Attachments

  • Screen shot 2014-09-26 at 7.54.46 PM.png
    Screen shot 2014-09-26 at 7.54.46 PM.png
    8 KB · Views: 9
  • Screen shot 2014-09-26 at 7.54.22 PM.png
    Screen shot 2014-09-26 at 7.54.22 PM.png
    9.1 KB · Views: 9

Boone

Well-Known Member
Instead of starting another thread here's another related question dealing with font awesome in postbit.

How do you make it drop down when hovered over(like here at pixelexit)?
 

Russ

Pixel Exit Staff
Instead of starting another thread here's another related question dealing with font awesome in postbit.

How do you make it drop down when hovered over(like here at pixelexit)?

Try this in extra.css:

Code:
.messageUserInfo:hover .extraUserInfo
{
   opacity: 1;
   height: 50px;
}

html .messageUserInfo {
transition: all 0.5s ease-in;
height: 0; 
opacity: 0;
overflow: hidden;
transition: all 0.5s ease-in-out 0s;
}
 

Boone

Well-Known Member
Try this in extra.css:

Code:
.messageUserInfo:hover .extraUserInfo
{
   opacity: 1;
   height: 50px;
}

html .messageUserInfo {
transition: all 0.5s ease-in;
height: 0;
opacity: 0;
overflow: hidden;
transition: all 0.5s ease-in-out 0s;
}


It's totally blank after adding code to extra.css
 

Attachments

  • Screen shot 2014-09-26 at 9.15.50 PM.png
    Screen shot 2014-09-26 at 9.15.50 PM.png
    8 KB · Views: 8

Boone

Well-Known Member
Cool Steve. That'll do. Just so you know it doesn't really "drop down" it just kinda "appears" on the hover.
 

Steve

Pixel Exit Staff
Hmm..I've heard of the transition effect not work in FireFox recently. I think @Russ was experiencing it for a while.

Can you try Chrome and let me know the results.?
 

Boone

Well-Known Member
Same thing on Chrome. Which is not the worse thing. I just wanted to let you know. In my opinion it "appears" doesn't "drop down".
 

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.