1. 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

Discussion in 'Styling and Customization Questions' started by VozValden, Mar 30, 2014.

  1. VozValden

    VozValden New Member

    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: Mar 30, 2014
  2. Brogan

    Brogan XenForo Moderator Staff Member

  3. VozValden

    VozValden New Member

Share This Page