Canapin
(Coin-coin le Canapin)
September 4, 2020, 8:29pm
1
Hi.
I have set icons in my theme component, with a white color, with this HTML:
<a class="header-social-link" title="La Commission Nationale Monocycle sur Facebook" href="https://www.facebook.com/CommissionNationaleMonocycle" target="_blank">
<svg class="fa d-icon d-icon-fab-facebook-f svg-icon svg-node" aria-hidden="true"><use xlink:href="#fab-facebook-f"></use></svg>
</a>
<a class="header-social-link social-youtube" title="La Commission Nationale Monocycle sur Youtube" href="https://www.youtube.com/channel/UCajI37ddIczMkVS_H1HeyTQ" target="_blank">
<svg class="fa d-icon d-icon-fab-youtube svg-icon svg-node" aria-hidden="true"><use xlink:href="#fab-youtube"></use></svg>
</a>
I noticed recently that these icons don’t show anymore, maybe it happened after updating to version 2.6.0beta1.
I’ve upgraded to 2.6.0beta2 and it didn’t change anything.
Here’s my icon subset:
Any idea why they don’t appear anymore?
I see the color set on a.header-social-link
in your screenshot, if you inspect the SVG element within the link… is there a color set there?
1 Like
Canapin
(Coin-coin le Canapin)
September 4, 2020, 9:11pm
3
No, only this (default stuff):
.svg-icon, .svg-icon-title {
height: 1em;
width: 1em;
line-height: 1;
display: inline-flex;
position: relative;
vertical-align: -0.125em;
fill: currentColor;
flex-shrink: 0;
overflow: visible;
}
And adding a color attribute doesn’t change anything. In fact, the icon seems not to be displayed. Maybe as it if wouldn’t find the icon in the set?
If you want to check the real page:
Bienvenue dans la plus grande communauté du monocycle francophone. Discussions, questions, conseils, petites annonces… Rejoignez-nous ! 👍
Where is the icon located (there are two icons, actually)
Steven
September 4, 2020, 9:15pm
4
Have you tried fab- before facebook-f and youtube in this setting? I use the prefix for all icons, even the fa-
3 Likes
Canapin
(Coin-coin le Canapin)
September 4, 2020, 9:17pm
5
Yes it works now.
What was the change related to this in the new Discourse version, since it was working before (a few days/weeks ago) ?
This prefix thing is confusing.
Thanks @Steven
1 Like
oh good catch @Steven , we recently removed support for the icon names from previous versions of Font Awesome.
2 Likes
system
(system)
Closed
October 4, 2020, 9:24pm
7
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.