Paid Addons Support Forum Only

Please note, that here we only support Paid Addons issues and questions.

gVectors Support staff works from 6am to 6pm (GMT+0)

All questions related to wpForo and wpDiscuz free plugins should be asked in the corresponding plugin support forum:

 

wpDiscuz Support Forum   wpForo Support Forum

[Solved] How to fix size of my new animated emoticons?  


DTW
Posts: 13
 DTW
Customer
(@dtw)
Member
Joined: 11 months ago

Hi there

I added my own set of animated emoticons, however not all the emoticons are the same size, some are bigger or wider or taller than others. 

Can you please help me with regards to css to make them more uniform?

I don't know where to go to make css changes for emoticons either, so you will will need to tell me where to go.

You can look here for an example:  https://www.discerningtheworld.com/2019/08/14/touch-not-mine-anointed/

Thank you so much for your help. Smile  

5 Replies
Astghik
Posts: 4137
Admin
(@astghik)
Support Team
Joined: 2 years ago

Hi @dtw,

Please try the CSS code below: 

.wpdiscuz-smile-container > img {
max-width: 100% !important;
width: auto !important;
}

The CSS code should be added in the Dashboard > Comments > Settings > Styling > "Custom CSS code" textarea.

Please don't forget to press Ctrl+F5 (twice) on the frontend before checking to reload the updated CSS file.  

DTW
Posts: 13
 DTW
Customer
(@dtw)
Member
Joined: 11 months ago

Hi there

Ok, I copied the css and cleared my cache etc.  It's worked well on most, except I have two smilies in particular;  the little one waving the white flag and the tiny little one holding a Thank you sign that are still not resizing properly. 

Any thoughts?

Thank you so much for your help.

 

DTW
Posts: 13
 DTW
Customer
(@dtw)
Member
Joined: 11 months ago

Hi there

Ok, I have one more problem with the emoticons.  After applying your css they look great in the Emoticon popup box, however the size and shape of the emoticons are not looking the same in the comments section.  I have made a comment displaying all the emoticons  for you here: https://www.discerningtheworld.com/2019/10/11/enneagram-your-waning-marriage/#comment-494492 where you will see the emoticons are all different sizes. 

Can you please help me with this.  

Thank you so much. Smile  

2 Replies
Elvina
Moderator
(@elvina)
Joined: 9 months ago

Noble Member
Posts: 1039

Hi @dtw,

Please use CSS code provided below:

#wpcomm .wc-comment-right .wc-comment-text img {
width: auto !important;
max-width: 100%!important;
}

Actually the emoticons have the same sizes. The reason why the emoticons are not being displayed in the same size is the additional elements flag/hat. If you change the size of the "Truce" emoticon, the flag of the emoticons will be out of the size range.

 

DTW
 DTW
Customer
(@dtw)
Joined: 11 months ago

Member
Posts: 13

Hi @elvina

Yay! It's works, fabulous.  Thank you so much for your help!

I will see what I can do about changing the sise of the truce and thank you emoticons.

 

Share: