How to enlarge messageUserInfo area

[tyteen4a03]

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]

This is for a 150px avatar, but you can change it to fit your needs. It goes in EXTRA.css,

/*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]

This is for a 150px avatar, but you can change it to fit your needs. It goes in EXTRA.css,

/*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:

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

This did the trick:

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

 

[tyteen4a03]

Did you try the QuickReply code in what I posted? Just edit it to what you need for it to work.

Oh, I was stupid Thank you!