Notifications

Clear all

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

wpDiscuz Emoticons

Last Post by DTW 4 years ago

6 Posts

3 Users

0 Likes

1,213 Views

RSS

Posts: 15

DTW

Customer

Topic starter

Oct 24, 2019 2:11 pm

(@dtw)

Member

Joined: 5 years 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. 🙂

Topic Tags

animated emoticons sizing

5 Replies

Posts: 5911

Astghik

Admin

Oct 24, 2019 5:24 pm

(@astgh)

Illustrious Member

Joined: 6 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.

Posts: 15

DTW

Customer

Topic starter

Oct 24, 2019 5:36 pm

(@dtw)

Member

Joined: 5 years 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.

Posts: 15

DTW

Customer

Topic starter

Oct 25, 2019 12:50 pm

(@dtw)

Member

Joined: 5 years 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. 🙂

2 Replies

Elvina

(@elvina)

Joined: 5 years ago

Support

Posts: 1403

Oct 25, 2019 2:37 pm

Reply to

DTW

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.