Skip to main content
Ask
CSS
Asked a question 3 months ago

How can I change the icons/emoji of "Your feed", "groups", "topics"? Would like to replace the emoji with a .jpg image.

Where am I?

In Tribe you can ask and answer questions and share your experience with others!

Hi @Lothar Hirneise7 Open the inspect element (in Chrome, or other similar tools in your browser).  You need to first hide the emojies.
 

https://community.tribe.so/question/how-to-change-or-disable-this-left-icon-and-emoji-5dd9cf22abed2c09a57d45dd47

Then you need to inject your emojis using ::before selector in CSS as it is explained in depth here.


https://www.kirupa.com/html5/emoji.htm86

 

Since it varies from community to community depending on the setting and CSS, I can just give you an example which works in the Tribe community. The code below would alter the "Your Feed" emoji.

#app > div > div > main > div:nth-child(3) > div > div > div.three.wide.computer10.four.wide.tablet.column > div > aside > a:nth-child(1) > span:nth-child(2)::before {

content: "😀 ";

}