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

XF 1.4 Stack user banners in posbit?

Discussion in 'Styling and Customization Questions' started by Damnlag, Jan 10, 2015.

  1. Damnlag

    Damnlag Member

    I've tried doing a google search and finding a add-on or custom code to stack the user banners in postbit, but have had no luck finding a solution.

    I'm using custom css added to EXTRA.css which I'll display below.

    This is what they're doing for me currently.

    [​IMG]
    I'd like to have them stack on top of one another.

    The Extra.css I'm using -

    .custom-title-admin {
    background-color: #6d1d02;
    border: 1px solid #ff4200;
    border-radius: 3px;
    padding: 1px;
    margin: 2px 0;
    text-align: center;
    color: #ffffff;
    }

    .sidebar .custom-title-admin {
    margin-left: 43px;
    max-width: 80px;
    }

    .custom-title-moderator {
    background-color: #02376d;
    border: 1px solid #007eff;
    border-radius: 3px;
    padding: 1px;
    margin: 2px 0;
    text-align: center;
    color: #ffffff;
    }

    .sidebar .custom-title-moderator {
    margin-left: 43px;
    max-width: 80px;
    }

    .custom-title-premium {
    background-color: #728e00;
    border: 1px solid #ccff00;
    border-radius: 3px;
    padding: 1px;
    margin: 2px 0;
    text-align: center;
    color: #ffffff;
    }

    .sidebar .custom-title-premium {
    margin-left: 43px;
    max-width: 80px;
    }
     
  2. Damnlag

    Damnlag Member

    I've been helped by another person already and this has been solved.

    If anyone is curious how to do it,

    changed

    margin: 2px 0;
    to
    margin: 2px auto;

    and added this to each banner:

    display: block;
    max-width: 80px;
     

Share This Page