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

XF 1.4 What went wrong?

Discussion in 'Styling and Customization Questions' started by TheGreek, Apr 14, 2016.

  1. TheGreek

    TheGreek Member

    Hey all,

    So I'm trying to set up some user banners. This is what I have in my Extra.css:
    .userBanner.bannerAdministrator
    {
    color: white;
    background-color: blue;
    border-color: blue;
    }

    And for the name for the banner on the User Group Pages, it's userBanner Administrator.

    But it won't take into effect the CSS. What am I doing wrong?
     
  2. Steve F

    Steve F Well-Known Member

  3. TheGreek

    TheGreek Member

  4. TheGreek

    TheGreek Member

    Turns out I had the wrong extra.css the whole time. Now quick question, how can I make user banners to look like this?

    [​IMG]
     
  5. Brogan

    Brogan XenForo Moderator Staff Member

    Just adapt the CSS to suit - that's more or less how I have them on my site using:
    Code:
    .userBanner
    {
        background: transparent url('@imagePath/xenforo/gradients/category-23px-light.png') repeat-x top;
        padding: 1px 4px;
        font-size: 10px;
        font-weight: bold;
        box-shadow: none;
    }
    
    .userBanner.wrapped span
    {
        height: 0px;
    }
    
    .userBanner.bannerStaff
    {
        background-color: @secondaryMedium;
        border-color: @secondaryMedium;
        color: @textCtrlText;
        text-shadow: 1px 1px 1px @primaryLighterStill;
    }
    The last block needs to be added for each custom banner class.
     
    Andrej likes this.
  6. TheGreek

    TheGreek Member


    So do I just put that in, and it should be good?
     
  7. Brogan

    Brogan XenForo Moderator Staff Member

    You will need to adapt it to suit your particular requirements.
     
  8. TheGreek

    TheGreek Member

    Okay thanks again Brogan, now how would I throw in color for the background?


    background-color:#0080FF;?
     
  9. Brogan

    Brogan XenForo Moderator Staff Member

  10. TheGreek

    TheGreek Member

    When adding the CSS you gave me and adding the background, color it appears as such.

    [​IMG]
     
  11. TheGreek

    TheGreek Member

    What else would need to be done?
     
  12. TheGreek

    TheGreek Member

    How can I also change the Staff banner to look like it?
     
  13. TheGreek

    TheGreek Member

Share This Page