• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

How To Make Smilie Box Wider?


Well-known member
adding the following in extra and increasing the width should do it.You may need to add an !important before the ";"

.xenForoSkin .mceSmiliesMenu div {
width: 156px;}
edit: read your post incorrectly you meant the boxes within them.


Well-known member
I looked in my css and saw I already have that lol.
Yeah, sorry about that DRE I never noticed the highlighted blue (screenshot) within the main container. I did increase the box size in firebug but the smilies on the right disappeared and I'm not even sure whether there are other adverse issues increasing it. I'd personally just leave it but I'm sure someone will jump in with some solution but I suspect it's more trouble than it's worth.