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 make badges for ribbons?

Discussion in 'Styling and Customization Questions' started by Devin Curry, Jan 28, 2014.

  1. Devin Curry

    Devin Curry New Member

  2. Brogan

    Brogan XenForo Moderator Staff Member

  3. Devin Curry

    Devin Curry New Member

    I have seen that tutorial, and it does not allow me to do what i want to get accomplished.
     
  4. TsinJu

    TsinJu Well-Known Member

    If you want to change Banners CSS then the TuT works. you could also add your own Banner Template to add your changes their, but thats also more complicated...
    At the end we cant know what you are doing since you dont tell....?!
     
  5. Devin Curry

    Devin Curry New Member

    All i want, is to make a small badge banner, not one that wraps around, and to edit the Staff Member banner.
     
  6. Brogan

    Brogan XenForo Moderator Staff Member

    From my own site:
    upload_2014-1-28_19-34-8.png upload_2014-1-28_19-33-36.png

    Just adjust the margins and padding to suit.
     
  7. TsinJu

    TsinJu Well-Known Member

    for the surrounding effect get rid of all "span" classes like
    .userBanner.bannerStaff.wrapped span
    .userBanner.wrapped span.after etc

    for the width change the margins in .messageUserBlock .userBanner
    Rest is up to you.
    To know what classes i have to work with i use Firebug with Firefox, but Chrome has it too.
    Then search for the class inside Xenforo ACP and you will find what you are looking for.
    For the Changes use EXTRA.css

    Play around a bit, if you mess something you can revert the Templates back to default.
    I also would suggest to create an own style or maybe a TestForum before changing anything on a live forum
     

Share This Page