psylancholy So I’ve used CSS to replace certain fa icons with png’s, resulting in: But the custom icons are not shown in the admin panel, but instead the fa icons I replaced. It also looks wonky in the tag view: What can I do to solve these problems?
Pollux psylancholy Since your icons are monochrome, you could try to invert them via CSS. Otherwise, you would have to create two versions of your custom icons, one for lighter backgrounds and one for darker backgrounds.
clarkwinkelmann Can you share your CSS? Using the browser inspect tool you should be able to see what part of Flarum CSS might be overriding your changes in some contexts.
psylancholy clarkwinkelmann i.fa-child { content: ""; background-image: url(https://i.imgur.com/m2ofil0.png); display: inline-block; background-position: center; background-size: contain; color: transparent; background-repeat: no-repeat; } i.fa-eject { content: ""; background-image: url(https://i.imgur.com/54t8KYE.png); display: inline-block; background-position: center; background-size: contain; color: transparent; background-repeat: no-repeat; }
askvortsov If I remember correctly, I don't think custom CSS is applied to the admin frontend? As per the margin differences in tags, you're probably going to want to use inspect element to figure out what margin looks best for those particular icons, and then apply those changes via custom css.
psylancholy Pollux I want the fa icon to disappear completely leaving only the png used to replace the fa icon.
Pollux psylancholy I want the fa icon to disappear completely leaving only the png used to replace the fa icon. Now I see. What about: i.fa-child::before, i.fa-eject::before { display: none; }
