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

XF 1.5 Setting up custom user banners

Discussion in 'Styling and Customization Questions' started by Exemption, Jul 11, 2015.

  1. Exemption

    Exemption Active Member

    Ok so I want to have my banners like
    [​IMG]

    So I inspected element and got the colors and put
    Code:
    .userBanner.Moderator
    {
    color: #006600;
    background-color: #00CC33;
    border-color: #006600;
    }
    in the extra folder but I got
    [​IMG]
    and I want the background color to be on the ends like the top one :)
     
  2. Brogan

    Brogan XenForo Moderator Staff Member

  3. Exemption

    Exemption Active Member

    Yes I did that but what else do i put in the extra css folder inside of the userBanner thing to make it like that. I followed it but i belive i need another option to get the sides like
    [​IMG]
     
  4. Amaury

    Amaury Well-Known Member

    That should be all you need. It's how we set banners up on KH-Flare 2014 and they appear like that.

    You may have other CSS conflicting with your CSS.
     
  5. Exemption

    Exemption Active Member

    Any ideas that might be conflicting with it?
     
  6. Dylan V

    Dylan V Well-Known Member

    Hi,

    Remove everything you did before you apply what I wrote below.

    Here:

    Screenshot_1.png

    Put this: userBanner bannerCustom and change Custom with what you want.

    Now, go to EXTRA.css and add this:
    Code:
    .userBanner.bannerCustom
    {
        color: #000000;
        background-color: #000000;
        border-color: #000000;
    }
    
    .userBanner.bannerCustom.wrapped span
    {
        background-color: #000000;
    }
    Change Custom with what you've put on the image above and #000000 with the color of your choice.

    This:
    Code:
    .userBanner.bannerCustom.wrapped span
    applies to that:

    Screenshot_2.png
     
  7. Exemption

    Exemption Active Member

    Amazing it worked! Thanks so much :)
     

Share This Page