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

XF 1.5 Message Element Help

Discussion in 'Styling and Customization Questions' started by Xyphien, Jul 23, 2015.

  1. Xyphien

    Xyphien Active Member

    Untitled.png

    In the first image the message element goes down into the footer, and in the second picture it doesn't How do I change this? I want it to display like the first image, and instead it now displayed like the second image.
     
  2. batpool52!

    batpool52! Well-Known Member

    In Extra.CSS
    Code:
    .message .messageContent
    {
    min-height: 400px;
    }
    adjust 400px per your liking.
     
  3. Xyphien

    Xyphien Active Member

    this doesn't seem to do anything. It doesn't make the message element go down towards the signature.
     
  4. batpool52!

    batpool52! Well-Known Member

    I read wrong then, sorry about that.
     
  5. Xyphien

    Xyphien Active Member

    Thank you for the response non the less, do you have any idea how I go about doing this though?
     
  6. batpool52!

    batpool52! Well-Known Member

    Best I can think of is this for now..
    Code:
    .messageList .message
    {
        display: flex;
    }
    
    .messageUserInfo
    {
        display: inline-flex;
    }
    
    .message .messageInfo
    {
        margin-left: 10px !important;
    }
    
    but looks weird to me...
     
  7. Xyphien

    Xyphien Active Member

    That fixed my first problem, but now I'm getting this weird thing:

    upload_2015-7-23_17-10-30.png

    I want the posts to remain the same length, not based on the character amount.
     
  8. batpool52!

    batpool52! Well-Known Member

    Try adding this as well in Extra.CSS and see if it solves the issue.
    Code:
    .message .messageInfo
    {
    width: 100%;
    }
     

Share This Page