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

XF 1.2 How to edit the text padding/aligment or font size in message content (of responsive layout only)?

#1
How to edit the text padding/aligment or font size/ color in message content (of responsive layout only)?

I was thinking add the following code in EXTRA.CSS, but it didn't work...please help...

@media (min-width: @maxResponsiveMediumWidth) {

.messageInfo primaryContent .message .messageContent {padding-left: 2px;}

}
 

Adam Howard

Well-known member
#2
How to edit the text padding/aligment or font size/ color in message content (of responsive layout only)?

I was thinking add the following code in EXTRA.CSS, but it didn't work...please help...

@media (min-width: @maxResponsiveMediumWidth) {

.messageInfo primaryContent .message .messageContent {padding-left: 2px;}

}
It can actually be done a lot simpler and easier just editing the style properties.
 
#3
thanks adam
which template should i look into?
and i only wanna edit the padding and font size of the message content of the responsive layout/ mobile reading situation
on the left handside the text isn't aligned with the upper element
on the right handside the text aligned with the upper element (that's what i want)

 

kontrabass

Well-known member
#6
For future google searchers, this is what I put into extra.css to get rid of the message text padding and make it line up like in the screenshot. Need every pixel of screen space on mobile!

Code:
<xen:if is="@enableResponsive">
 @media (max-width:@maxResponsiveWideWidth) {
        .message .messageInfo {
        padding: 0px 0px !important;
        }
    }
</xen:if>