Fontawesome Icon .fa-edit needs CSS change to work

liechtensteinische ahv-iv-fak

Hi all!

Just a little (possibly) bug-report: The frontend Edit buttons use a FontAwesome Icon, specifically .fa-edit / .fa-pencil-square-o

To make the Icon show however, I had to add the font-family via css, as it tries to use the default font otherwise. I'm not sure if this is an oversight or intended, but maybe this helps others or the devs can implement it!

For the sake of completeness, here's the css:

.fa-edit:before,
.fa-pencil-square-o:before {
  font-family: FontAwesome;
}

saguaros

liechtensteinische ahv-iv-fak

Is that edit button in module or other content?

By default, it's set with FontAwesome font-family of template. There maybe css style override font-family of these classes

liechtensteinische ahv-iv-fak

saguaros Hi Saguaros!

It is indeed in a Module, and looking at the HTML the "wrong" font-family is being pulled from bootstrap.css, there is no .css being applied to the fas fa-edit class by the template itself, only my custom.css.

I think you'd have to add the font-family for the class in the template.

saguaros

liechtensteinische ahv-iv-fak You can share the URL of that page and the login info so I can take a look.