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

XF 1.2 Changing the style of message_user_info.

Discussion in 'Styling and Customization Questions' started by Baron, Mar 11, 2014.

  1. Baron

    Baron Member

    I notice when I shrink my browser width to a small size, the location of message_user_info changes from being on the left of the message to being on the top. The styling changes as well. What do I need to do if I want to make that small browser-width style and location always be like that no matter how wide the browser is?
     
  2. Amaury

    Amaury Well-Known Member

    Change max-width to width.
     
  3. Chris D

    Chris D XenForo Developer Staff Member

    Not correct.

    It's basically this:

    Code:
     
    .messageUserInfo
    {
        float: none;
        width: auto;
    }
    
    .messageUserBlock
    {
        overflow: hidden;
        margin-bottom: 5px;
        position: relative;
    }
    
    .messageUserBlock div.avatarHolder
    {
        float: left;
        padding: 5px;
    }
    
    .messageUserBlock h3.userText
    {
        margin-left: 128px!important;
    }
    
    .message .messageInfo
    {
        margin-left: 0px!important;
    }
    
    upload_2014-3-11_19-0-28.png

    Looks terrible, in my opinion. Just a load of wasted space.
     
    Amaury likes this.
  4. Amaury

    Amaury Well-Known Member

    Sorry. My bad. I remember Jake telling me to use max-width to make something responsive, so I figured just using width would make it non-responsive.
     
  5. Chris D

    Chris D XenForo Developer Staff Member

    It would in some cases but that's a bit too general and not much really to do with what the guy is asking to do.
     
    Amaury likes this.
  6. Baron

    Baron Member

    Thanks Chris!
     

Share This Page