fix the display of the table where the gifs are inserted

Hello,
yes, this is tricky and I didn’t find an algorithm yet to fix this completly. One thing is to change the order of the smilies accoring to their sizes. Another is setting max width and max height. Playing with these parameters is the only way I know.

Did you try max width and max height?

thanks for the reply, i will try to do what you say. But I realized that acting on the number in height and width I enlarge or decrease the icon, It does not affect the cell of the table below, is there any other parameter to modify I don’t know in the css file? Then in the rich-editor this does not act are great

if it can help you in this forum which is our old forum waiting to pass everything in the new one there are the same gifs, but to see them you have to register. They are of various shapes but do not overlap and take the space of their size. Maybe he can give you a suggestion for the table.
forum

I just tested with some bigger smilies and mixed them in random order between the small smilies. In rich-editor it seems to work without overlapping. For some reason I can not view your screenshot anymore. Can you give me your setup please?

In case you use text editor please try adding
max-width: 30px; to the css class td.wpml_ico_icon

Best wayx to do it is copying wp-monalisa-default.css to wp-monalisa.css (this step will avoid that your change is overriden during th enext update) and add the css attribute as described above.

https://ibb.co/L0vb5Yr

https://ibb.co/bKbfVbG

https://ibb.co/P4yp0md

Sorry what change should take place by entering Max-Width: 30px;
I use the plug in Advanced Editor Tools or TinyMCE Advanced
It seems to me that nothing has changed
Both Front End and Back End side

• This reply was modified 2 years, 2 months ago by dariotoby.

As far as I tested it, adding max-width: 30px formats the frontend table for the smilies in this way that the smilies do not overlap anymore. May be you have to play with the value of 30 a bit.

Maybe this dows not work with your plugins. I will test this using TinyMCE Advanced again

I just registered at your site to see better where the problem is. Seems to work at my test site now. As soon as the account is available, I will continue.

i could provide my admin credentials, but how i don’t know?

Great, it seems the smilies do not overlap anymore on your site.

See screenthsot here:
https://i2.paste.pics/IDT0D.png

yes much better, and instead for the rich-editor that still overlap? Then I have another small problem, that to work the gifs I must necessarily enable the flag replace emoticon in HTML image, otherwise they do not work

Where can I see the rich-editor. I can not find a page using the rich editor.

It should work even without “replace emoticon in HTML”, if not we should look at the plugins you use. There were some conflicts with other plugins in the past.

Rich Editor you can only see if you have access as an administrator or I give you administrator and see this problem that works me only as a HTML text, then I would always have the problem that the emoticon icon does not put on the send button, and then it does not work The icons as popup show, this could alleviate the fact that maybe some icons are small and the pop up maybe enlarges them if maybe you do these changes I would thank you very much.
I give you administrator

Let’s do it one after the other:

Smilies in rich-editor backend: add max-width:30px; to the .wpml_ico class, if this has impact on other representations, I may have to add a new css class for the backend, which I can do.

If you deactivate “replace with HTML” you can not see the smiley to activate the popup, this seems to be a conflict with the lazyloading plugin. I did not dare to deactivate this but would like to ask you to try this please.