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

XF 1.5 How to make all custom image smilies smaller size in Smilie Container?

Discussion in 'Styling and Customization Questions' started by worrorfight, Jan 23, 2016.

  1. worrorfight

    worrorfight Member

    When you open the smilie container of custom images in your custom smilie tab, how can you make it so the image size in these containers are small and then when you enter them in the post it goes to it's actual size?

    633f2717320784e94db3fb6010f1c0a1.png
     
  2. worrorfight

    worrorfight Member

    The source code 'inspect' in google worked and got it to the right size, but I don't see any template in Xenforo to actually edit and save.

    The code is this:

    .redactor_box .redactor_smilies
    .smilieContainer {
    max-height: 150px;
    overflow: auto;
    }

    Thinking it's something to do with extra.css, but i'm not sure how to enter the code correctly so the smilie box container becomes 500px height instead of 150px currently.
     
  3. worrorfight

    worrorfight Member

    Fixed it with the help of @Brad P

    The code that works in extra.css is this:

    .redactor_box .redactor_smilies
    .smilieContainer {
    max-height: 300px !important;
    overflow: auto;
    }

    It will increase the height of the smilie box so you can input your custom images nicely, which in my case it's custom images that have 200px size.
     

Share This Page