The same header icon as before: [image] Header icon got smaller after upgrade Support Update from 1.9.0.beta3 (I think!) caused a problem when moving to 1.9.0.beta11 (where I’m currently). I have a quick link to latest at header, one left from the search button. The problem is that the upgrade changed the size of the icon. It used to be the same size as the other icons, but after upgrade (which I did a few weeks back, didn’t get around to fixing the problem, though…) it changed in size. Here, see the header currently: [Screenshot from 2017-10-30 01-25-16] And here is the code … This time upgrade from 2.0.0 to v2.3.0.beta2 +206 Resulted: icon is still the right size and highlights properly, but the lightning is not visible anymore. I wonder what happened here?

By default we adjust the colors to reduce contrast against the background. You can override this behavior with CSS (add to admin > customize > themes > edit html/css > common). ul.d-header-icons .d-icon { color: #fff; }

Can be the reason in this? [image] Introducing Font Awesome 5 and SVG icons megaphoneAnnouncements See also: We're upgrading our icons to Font Awesome 6! We will shortly merge into master a branch that upgrades Discourse to Font Awesome 5.5.0 (the free version) and switches to using SVG icons instead of an icon font. This is a substantial change, with lots of benefits, and one significant change for developers. Here is a quick rundown of the changes: using SVG icons will provide crisper icons, better for accessibility and easier to customize, see this Github article for more details since…

This is very likely. I will proceed with testing…

I used this as a guide and managed to fix it: Introducing Font Awesome 5 and SVG icons - #27 by tshenry (Also added fa-bolt to settings…) Now I’m pondering how to change colour of the top buttons…

[image] Silvanus: Now I’m pondering how to change colour of the top buttons… You need to target the SVG element and apply color to it using CSS.

[image] cpradio: apply color to it using CSS. I’m already getting a colour change by changing the colour scheme of the entire site. However, if I set the color of the top texts and icons to ffffff, they appear grey; if efffff, they appear quite blue… weird colours.pdf (1.1 MB)

Thank you, it worked like a charm! All header problems fixed! :slight_smile:

(switched this to a brand new topic)

Header icon invisible after upgrade

Product Support

Stranik (Evgeny) February 26, 2019, 1:52pm 2

Can be the reason in this?

Topic		Replies	Views
Header icon got smaller after upgrade Product Support	5	1158	October 30, 2017
Ginormous icons after upgrade today Product Support	21	2269	December 1, 2018
Introducing Font Awesome 5 and SVG icons Announcements new-feature	131	45205	December 1, 2023
Some existing icon classes are not working after the icon upgrade Bug	1	717	November 8, 2018
We're upgrading our icons to Font Awesome 6! Announcements	37	5066	March 27, 2025

Header icon invisible after upgrade

Related topics