Reply Box Pushed Out ?

[damowhite666]

How can I fix this ?

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

 

[Jake Bunce]

Move the icons up? Reminds of this:

http://xenforo.com/community/thread...ws-in-the-rich-text-editor.36123/#post-411341

But I don't think that's what you want.

Your style has extra spacing around the editor buttons. I would probably try to reduce that spacing so the box fits.

 

[damowhite666]

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

 

[Jake Bunce]

Hmmm... How would I remove the extra spacing ?

Post the URL to your forum. I will debug the style.

http://xenforo.com/community/threads/how-to-change-almost-anything-quickly-and-easily.33239/

Would this change effect the reply box in forums too or just conversations ?

It can be made to affect either.

 

[damowhite666]

https://forumnstuff.com/

Awesome, I'd just like the chat reply box to fit into the conversation box without adjusting anything else

 

[damowhite666]

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..

 

[Jake Bunce]

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

Add this code:

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

 

[damowhite666]

Works but, It changes the reply box on forums too :I

 

[Jake Bunce]

On what page do you want to change the editor? Find the root template and add it to the CSS selector:

http://xenforo.com/community/threads/1-0-0-b1-how-to-identify-the-root-template-of-a-page.5591/

Example:

.forum_list .xenForoSkin .mceButton
{
	padding: 0px !important;
}

 

[damowhite666]

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 ?

 

[damowhite666]

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

/*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;
}

 

[damowhite666]

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.

 

[Jake Bunce]

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.

 

[damowhite666]

I add

.forum_list .xenForoSkin .mceButton
{
    padding: 0px !important;
}

To "quick_reply.css"

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

.mceButton
{
    padding: 0px !important;
}

It works but changes the reply box on forums too

 

[damowhite666]

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

 

[Jake Bunce]

There is no editor on the "forum_list" page. That makes no sense. What is the root template of the page that contains the editor which you want to change?

http://xenforo.com/community/threads/1-0-0-b1-how-to-identify-the-root-template-of-a-page.5591/

 

[damowhite666]

"class="conversation_view"

 

[Jake Bunce]

Therefore:

.conversation_view .xenForoSkin .mceButton
{
	padding: 0px !important;
}

 

[damowhite666]

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