Notifications
Clear all

[Solved] Smileys on the forum

22 Posts
3 Users
0 Reactions
1,954 Views
Posts: 37
Topic starter
(@oksana)
Trusted Member
Joined: 4 years ago

Hello! The site has the wp-Monalisa plugin installed. In a blog, I can use smileys. But these smileys are not shown on the forum. How can I use css code to include them in the forum?

21 Replies
Robert
Posts: 10587
Admin
(@robert)
Support Team
Joined: 9 years ago

Hi @oksana,

The CSS is for styling a HTML element, this cannot integrate one plugin to another. I'm sorry but there is no way to use your plugin with wpForo forum. wpForo topic and post editors have Emoji button, so you can use them like this:  🖐️ 🙂 

If you need an advanced "smiles solution" you can check out the wpForo Emoticons addon: https://gvectors.com/product/wpforo-emoticons/

20 Replies
(@oksana)
Joined: 4 years ago

Trusted Member
Posts: 37

@robert

How do these emoticons get bigger in size?

Sofy
 Sofy
Admin
(@sofy)
Joined: 7 years ago

Support Team
Posts: 4772

@oksana,

You can use the CSS code for this purpose:

#wpforo #wpforo-wrap .wpforo-post .wpf-right .wpforo-post-content img.emoji {
width: 30px !important;
height: 30px !important;
}

 

(@oksana)
Joined: 4 years ago

Trusted Member
Posts: 37

@sofy

Unfortunately, this code doesn't work.

Robert
Admin
(@robert)
Joined: 9 years ago

Support Team
Posts: 10587

@oksana,

This code should work fine. I think you've not deleted caches or the code has been added in incorrect place. Or maybe you're checking result in a wrong place. Please leave some screenshots where you've added the code and a direct link to the topic you're checking the result.

(@oksana)
Joined: 4 years ago

Trusted Member
Posts: 37
(@oksana)
Joined: 4 years ago

Trusted Member
Posts: 37
Sofy
 Sofy
Admin
(@sofy)
Joined: 7 years ago

Support Team
Posts: 4772

@oksana,

Use this one:

#wpf-emoji-wrap.wpf-emoji-wrap > span.wpf-emoji > img{font-size: 35px;}
 
(@oksana)
Joined: 4 years ago

Trusted Member
Posts: 37

@sofy

Doesn't want to work (

Sofy
 Sofy
Admin
(@sofy)
Joined: 7 years ago

Support Team
Posts: 4772

@oksana,

Try with !important statement, it should work fine:

#wpf-emoji-wrap.wpf-emoji-wrap > span.wpf-emoji > img{font-size: 35px !important;}
(@oksana)
Joined: 4 years ago

Trusted Member
Posts: 37

@sofy

Doesn't want to work

Sofy
 Sofy
Admin
(@sofy)
Joined: 7 years ago

Support Team
Posts: 4772

@oksana,

Have you deleted all caches (website, browser, forum) before checking? 

(@oksana)
Joined: 4 years ago

Trusted Member
Posts: 37

@sofy

Yes, I deleted all the caches. Nothing works.

Sofy
 Sofy
Admin
(@sofy)
Joined: 7 years ago

Support Team
Posts: 4772

@oksana,

We see you've Autoptimize plugin, so please properly delete the plugin caches, delete minified files before checking.

(@oksana)
Joined: 4 years ago

Trusted Member
Posts: 37

@sofy

What do you mean delete minified files?

(@oksana)
Joined: 4 years ago

Trusted Member
Posts: 37

@sofy

I disabled the Autoptimize plugin, deleted all the caches, but the emoticons are still small. What could be the problem? I need the size of the emoticons as in your forum.

Sofy
 Sofy
Admin
(@sofy)
Joined: 7 years ago

Support Team
Posts: 4772

@oksana,

The problem may come from file writing permissions. 

The right way to solve this problem is to fix files and folders permission.

All files in FTP should have a chmod 0644 and folders to have chmod 0755. 

This article should be helpful for you: https://www.siteground.com/tutorials/ftp/change-permissions/

(@oksana)
Joined: 4 years ago

Trusted Member
Posts: 37

@sofy

The emoticons in the table have increased. Hurray! The problem was in the reCAPTCHA or the ClearFy Pro plugin.

Another question: how to increase the emoticons in the text?

Sofy
 Sofy
Admin
(@sofy)
Joined: 7 years ago

Support Team
Posts: 4772

@oksana,

Haven't you put the code provided in this post? 

https://wpforo.com/community/postid/50101/

(@oksana)
Joined: 4 years ago

Trusted Member
Posts: 37

@sofy

Thank you so much for the great forum plugin and for the technical support! This is very cool! 

About the code: it does not increase the size of the emoticon in the message text.

Sofy
 Sofy
Admin
(@sofy)
Joined: 7 years ago

Support Team
Posts: 4772

@oksana,

If you want to change the emojis size in the editor, I'm really sorry, but it's not possible.