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

[Vince Chiu]

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]

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.

 

[Vince Chiu]

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)

 

[Shelley]

You could do that in EXTRA.CSS template.

 

[Vince Chiu]

Sorry Shelley, i am not familiar with CSS
what code should i put into it?

 

[kontrabass]

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!

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