Hey there, so I can’t figure out what’s wrong here: I have this FB icon typed in correctly, [Screenshot%20(22)] But it is invisible in the header: [Screenshot%20(23)] The invisible icon takes me to the correct FB page if I click on it in the header, but the icon simply isn’t visible. Any tho…

app/assets/javascripts/discourse-common/lib/icon-library.js.es6 37e7998a8 facebook: "fab-facebook-f", "facebook-f": "fab-facebook-f", "facebook-official": "fab-facebook", "facebook-square": "fab-facebook-square", …

Thought: black icon with transparent surround over a black background perhaps?

I changed the color value of the icons in this component to $tertiary, so it matches each individual theme. The Instagram icon is perfectly fine, and the FB icon link works perfectly fine, it just isn’t visible.

Hmmm. It still seems like it must be there though. Have you checked with Dev tools to see if it is there? And while you’re at it check the icon color is correctly being applied? Perhaps the FB icon is being overridden somehow. Can you share a link to the community site?

My Facebook icon setting looks a bit different: facebook-f,https://www.facebook.com/GlobalNamati

Hey, this worked like a charm! Thank you so much @vinothkannans ! This really had me puzzled. [Screenshot%20(24)]

استخدام أيقونة Facebook في رأس العلامة التجارية

دعم المنتج

jtbayly 13 سبتمبر 2019، 1:37ص 2

فكرة: أيقونة سوداء مع خلفية شفافة فوق خلفية سوداء ربما؟

الموضوع		الردود	مرات العرض
Icons not displaying in Brand Header? Product Support brand-header	6	243	17 مايو 2022
Icons missing in Brand Header? Product Support brand-header	2	106	12 أغسطس 2020
Icons not displaying anymore in theme component Product Support	5	791	4 سبتمبر 2020
Custom Header Links (icons) Theme component official , custom-header-icons	117	33635	4 أغسطس 2025
#fab-youtube doesn't work Product Support	10	949	4 سبتمبر 2020

استخدام أيقونة Facebook في رأس العلامة التجارية

الموضوعات ذات الصلة