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

Discussion in 'Styling and Customization Questions' started by tyteen4a03, Mar 22, 2013.

  1. tyteen4a03

    tyteen4a03 Well-Known Member

    These are the things I want to fix:
    [​IMG]

    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?
     
  2. JABRONI

    JABRONI Well-Known Member

    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*/
     
  3. tyteen4a03

    tyteen4a03 Well-Known Member

    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?
     
  4. JABRONI

    JABRONI Well-Known Member

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

    tyteen4a03 Well-Known Member

    Oh, I was stupid :p Thank you!
     

Share This Page