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

XF 1.3 How do I center postbit based on responsive design

#1
I am trying to center the username in the postbit when the window is wide and medium. When centered on the small design it doesn't look good. I added the following to my extra.css.

Code:
.messageUserBlock a.username {
text-align: center;
}
Any help would be appreciated.

Solution:

Extra CSS:

Code:
.messageUserBlock a.username {
    text-align: center;
}

<xen:if is="@enableResponsive">
    @media (max-width:@maxResponsiveNarrowWidth) {
     .messageUserBlock a.username {
    text-align: left;
    }
    }
</xen:if>
I set the alignment to center, then set the alignment to the left if it was narrow width.
 
Last edited: