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

How to enlarge messageUserInfo area

tyteen4a03

Well-known member
#1
These are the things I want to fix:


Avatar: I tried passing class to xen:avatar but found out it applies the modification to the a tag, not the span tag that actually holds the avatar.

messageContent: I found out that the padding should be 216px (16px between messageUserInfo and messageContent) but I'm not sure how to apply that to the editor too.

Can anybody show me how?
 

JABRONI

Well-known member
#2
This is for a 150px avatar, but you can change it to fit your needs. It goes in EXTRA.css,

Code:
/*MESSAGE USER INFO AVATAR SIZE CHANGE*/
 
.messageUserInfo {
    width: 177px !important;
}
 
.message .messageInfo {
    margin-left: 187px !important;
}
 
#QuickReply {
    margin-left: 187px !important;
}
 
/*MESSAGE USER INFO AVATAR SIZE CHANGE*/
 

tyteen4a03

Well-known member
#3
This is for a 150px avatar, but you can change it to fit your needs. It goes in EXTRA.css,

Code:
/*MESSAGE USER INFO AVATAR SIZE CHANGE*/
 
.messageUserInfo {
    width: 177px !important;
}
 
.message .messageInfo {
    margin-left: 187px !important;
}
 
#QuickReply {
    margin-left: 187px !important;
}
 
/*MESSAGE USER INFO AVATAR SIZE CHANGE*/
This did the trick:
Code:
.messageUserInfo {
    width: 200px !important;
}
 
.avatar .img.m {
margin: auto !important;
}
 
.message .messageInfo {
    margin-left: 216px !important;
}
However the QuickReply box is still overlapping the messageUserInfo bit. How do I fix this?
 

JABRONI

Well-known member
#4
This did the trick:
Code:
.messageUserInfo {
    width: 200px !important;
}
 
.avatar .img.m {
margin: auto !important;
}
 
.message .messageInfo {
    margin-left: 216px !important;
}
However the QuickReply box is still overlapping the messageUserInfo bit. How do I fix this?
Did you try the QuickReply code in what I posted? Just edit it to what you need for it to work.