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

Reply Box Pushed Out ?

Discussion in 'Styling and Customization Questions' started by damowhite666, Dec 28, 2012.

  1. damowhite666

    damowhite666 Active Member

    How can I fix this ?

    Is it possible to move the "embed media" icons up so the reply box is able to fit ?

    Pushed box.jpg
     
  2. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

  3. damowhite666

    damowhite666 Active Member

    Hmmm... How would I remove the extra spacing ? Would this change effect the reply box in forums too or just conversations ?
     
  4. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    damowhite666 likes this.
  5. damowhite666

    damowhite666 Active Member

    https://forumnstuff.com/

    Awesome, I'd just like the chat reply box to fit into the conversation box without adjusting anything else :)
     
  6. damowhite666

    damowhite666 Active Member

    Hmmm...I think I would rather have the icons on the reply box a little closer together than make the page wider or shrink the avatar dp..
     
  7. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    Admin CP -> Appearance -> Templates -> EXTRA.css

    Add this code:

    Code:
    .xenForoSkin .mceButton
    {
    	padding: 0px !important;
    }
    
     
  8. damowhite666

    damowhite666 Active Member

    Works but, It changes the reply box on forums too :I
     
  9. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

  10. damowhite666

    damowhite666 Active Member

    Just need the conversations reply box to fit in it's box at the moment it's overlapping. So I would need to find the conversations template ?
     
  11. damowhite666

    damowhite666 Active Member

    Found this in the "quick_reply.css" in the template "conversation_view"

    Code:
    /*quick reply*/
     
    .quickReply
    {   
        @property "message";
        background-color: #181818;
        padding: 10px;
        margin-top: 5px;
        margin-bottom: 5px;
        border-top: 1px solid #252525;
        border-right: 1px solid #252525;
        border-bottom: 1px solid #2e2e2e;
        border-left: 1px solid #252525;
        border-radius: 5px 5px 5px 5px;
        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4) inset;
        @property "/message";
    }
     
    {xen:helper clearfix, '.quickReply'}
     
    .quickReply .replyPrompt em
    {
        font-style: italic;
    }
     
    /* the quick reply form */
     
    #QuickReply
    {
        @property "messageInfo";
        padding: 0;
        margin-left: 140px;
        border-bottom: 1px none black;
        @property "/messageInfo";
    }
     
    #QuickReply textarea
    {
        width: 100%;
        *width: 98%;
        height: 117px;
        box-sizing: border-box;
    }
     
    #QuickReply .submitUnit
    {
        margin-top: 10px;
        text-align: right;
    }
     
    #QuickReply .AttachmentEditor
    {
        padding-top: 10px;
    }
     
  12. damowhite666

    damowhite666 Active Member

    Hmmm.... Can't figure this out. Instead of making the box smaller do you know how to make its box longer ?

    I've been messing around and can't seem to find a way to make it longer, I'll let you know if I've figured it out though.

    [​IMG]
     
  13. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    It worked before, but you said it affected editors in other areas. You can restrict the change by following the instructions in my previous post.
     
  14. damowhite666

    damowhite666 Active Member

    I add
    Code:
    .forum_list .xenForoSkin .mceButton
    {
        padding: 0px !important;
    }
    To "quick_reply.css"

    It doesn't seem to do anything but if I add

    Code:
    .mceButton
    {
        padding: 0px !important;
    }
    It works but changes the reply box on forums too
     
  15. damowhite666

    damowhite666 Active Member

    Would there be a way to just make the reply box longer ? I've seen it somewhere, but cannot find the thread.
     
  16. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

  17. damowhite666

    damowhite666 Active Member

    "class="conversation_view"
     
  18. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    Therefore:

    Code:
    .conversation_view .xenForoSkin .mceButton
    {
    	padding: 0px !important;
    }
    
     
    damowhite666 likes this.
  19. damowhite666

    damowhite666 Active Member

    Ah, would have taken me hours to figure something that simple out... Thanks a million Jake.
     

Share This Page