How do I change the size of the smiley dropdown in the editor?

Lone Wolf

Well-known member
I would liek to add bigger smileys to XenForo so I was wonderign if there is any way that I can make the smiley dropdown box wider and taller? Not by a lot, but by just enough to add a few more lines of smilies.
 

DBA

Well-known member
Add this to your EXTRA.css

Code:
.xenForoSkin .mceSmiliesMenu div {
width: 156px !important;
}
Change the width to whatever you need.
 

davespanzer

Active member
I cant seem to get this to work, I added this in the EXTRA.css and nothing changes. I'm using the Baisik theme form XenFocus am I supposed to change something? I've tried a few things, but cant get the smiley area any wider. Thanks,


.xenForoSkin .mceSmiliesMenu div {
width: 156px !important;
}
 

davespanzer

Active member
ya that was a copy and paste from the top, I tried the following also and no change, any ideas?


.xenForoSkin .mceSmiliesMenu div {
width: 356px!important;
}
 

SneakyDave

Well-known member
I've got the same problem. It doesn't appear that anything in my EXTRA.css is working. I use cloudflare, and I've turned on development mode so that CSS isn't going through cloud flare. I also turned off templates being saved as files, thinking it was a caching issue.

I only have this in EXTRA.css.
Code:
/* Increase width of smiley dropdown menu */
.xenForoSkin .mceSmiliesMenu div {
width: 356px!important;
}
I don't understand what could be wrong. Chrome still tells me that mceSmiliesMenu is still only 158px...
???
 

SneakyDave

Well-known member
Well, I found my problem too. Even though you can put your site in development mode in CloudFlare, it seems like it still might be caching a thing or too, "pausing" my site on CloudFlare seemed to fix the problem.
 

DFI

Active member
Thanks. Was looking for this settings. Solved my issues. Was troubling since long time. (y)
 
Top