Professional WordPress Plugins and Services. wpDiscuz, WooDiscuz, Advanced Post Pagination
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. 🙂
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.
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.
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. 🙂
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.
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.