Jump to content

Recommended Posts

Posted

In my old forum I had uploaded several of the custom emoji groups.
How can I turn off their display in the box when I post a new discussion? I wish only ipb defoult emojis would be shown when a user creates or replies to a discussion.

  • 1 month later...
Posted

Do I understand correctly that you do not want to remove the custom sets and instead just "hide" them in the editor?

The following code added to custom.css works for me:

1. To hide the whole category (header + all emojis under):

.ipsAreaBackground_light:nth-child(21) { 
   display: none;
}

.ipsEmoticons_category:nth-child(22)  { 
   display: none;
}

2. To hide a specific emoji only:

.ipsEmoticons_category:nth-child(22) > :nth-child(3) > :nth-child(5)  { 
   display: none;
}

 

That is only an example. The numbers (21 for the header, 22 for the emoji block, 3 for the emoji row, 5 for the exact emoji) you have to find by using the Inspect element in your browser *.

* I use Firefox so that would be: open the Emoji menu > right click on the desired item > Inspect > highlight the matching item:

Could contain: Word, Text, File, Page

... and right click the item to get a CSS selector with numbers. You repeat the same for each item you like to hide.

 

Posted

Small addition to the first code with .ipsAreaBackground_light. The div class looks quite "generic" and I'm not sure the child element is unique. So to make sure that no other elements are affected you can add the main div in the front:

.ipsEmoticons_content .ipsAreaBackground_light:nth-child(21) { 
   display: none;
}

 

  • 5 weeks later...
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...