LoginInfo Icons don't load

LoginInfo Icons don't load

  

Hi,

I have a styleguide eSpace that works fine (done with a external team).

Now I'm trying to create an Application using the same design. I've copied the LoginInfo webblock to my espace but the standard icons (don't appear) 

Looking at the CSS, I've identified that the link as the style "Login_Info_Username" 

SyntaxEditor Code Snippet

.Login_Info_Username:before {
    content: "\f007"; /* fa-user at http://fortawesome.github.io/Font-Awesome/icons/ */
}


Anyone have any clue about what I'm doing wrong?

The LoginInfo is an example, none of the "default" icons have the same problem.

Thanks

Hi Luis,

Did you mean that no icons are displayed? Or is it just the Login Info icons?

That CSS line applies the Icon "User" to the "after" pseudo element of the Login Info Username container.

Are you able to use the Icon widget?

The only thing that occurs to me is that the CSS with the icon class definition may be missing. Try to compare with the CSS on the styleguide.

My regards

Hi Dinis,

I've found the problem! 

On that page I had a different page layout.

Thanks for your help.

Dinis Carvalho wrote:

Hi Luis,

Did you mean that no icons are displayed? Or is it just the Login Info icons?


That CSS line applies the Icon "User" to the "after" pseudo element of the Login Info Username container.

Are you able to use the Icon widget?

The only thing that occurs to me is that the CSS with the icon class definition may be missing. Try to compare with the CSS on the styleguide.

My regards