Xyphien Well-known member Jul 23, 2015 #1 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.
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.
TickTackk Well-known member Jul 23, 2015 #2 In Extra.CSS Code: .message .messageContent { min-height: 400px; } adjust 400px per your liking. Upvote 0 Downvote
Xyphien Well-known member Jul 23, 2015 #3 batpool52! said: In Extra.CSS Code: .message .messageContent { min-height: 400px; } adjust 400px per your liking. Click to expand... this doesn't seem to do anything. It doesn't make the message element go down towards the signature. Upvote 0 Downvote
batpool52! said: In Extra.CSS Code: .message .messageContent { min-height: 400px; } adjust 400px per your liking. Click to expand... this doesn't seem to do anything. It doesn't make the message element go down towards the signature.
Xyphien Well-known member Jul 23, 2015 #5 batpool52! said: I read wrong then, sorry about that. Click to expand... Thank you for the response non the less, do you have any idea how I go about doing this though? Upvote 0 Downvote
batpool52! said: I read wrong then, sorry about that. Click to expand... Thank you for the response non the less, do you have any idea how I go about doing this though?
TickTackk Well-known member Jul 23, 2015 #6 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... Upvote 0 Downvote
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...
Xyphien Well-known member Jul 23, 2015 #7 batpool52! said: 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... Click to expand... That fixed my first problem, but now I'm getting this weird thing: I want the posts to remain the same length, not based on the character amount. Upvote 0 Downvote
batpool52! said: 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... Click to expand... That fixed my first problem, but now I'm getting this weird thing: I want the posts to remain the same length, not based on the character amount.
TickTackk Well-known member Jul 23, 2015 #8 Try adding this as well in Extra.CSS and see if it solves the issue. Code: .message .messageInfo { width: 100%; } Upvote 0 Downvote
Try adding this as well in Extra.CSS and see if it solves the issue. Code: .message .messageInfo { width: 100%; }