Announcement

Collapse
No announcement yet.

Remove Reputations Bars - Member List Area

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • Remove Reputations Bars - Member List Area

    I had help on here with getting the Reputation bars removed from the avatar area, worked great. Now we have members asking us what the little bars in the Member List area mean. We do not use this feature at all.

    I was able to come up with a code in CSS to remove the Reputation header and column icon bars, using the Inspect button on my PC browser. Not pretty but for now it is working great. The entire Reputation column is gone now, which is exactly what I wanted. But now I see the bars are still visible when viewing our site on a mobile device.

    Any code I can add to my current CSS to make the mobile Reputations Bars hidden as well?

    Also, any chance this is just an option to turn of in the adminCP settings? So that they are gone from the site totally?

    Our site is: https://www.nefga.org

    Here are the codes I am using:

    Code:
    /*Turns the Reputation Bars off*/
    /*Deleting this code turns them back on for display*/
    
    .b-meter{display:none!important;}
    
    
    
    /*Hides the Reputation Column in the Member List Tab*/
    
    .b-table__cell--header:nth-child(6){display:none!important;}
    
    .b-table__row:nth-child(1) > div:nth-child(6){display:none!important;}
    .b-table__row:nth-child(2) > div:nth-child(6){display:none!important;}
    .b-table__row:nth-child(3) > div:nth-child(6){display:none!important;}
    .b-table__row:nth-child(4) > div:nth-child(6){display:none!important;}
    .b-table__row:nth-child(5) > div:nth-child(6){display:none!important;}
    .b-table__row:nth-child(6) > div:nth-child(6){display:none!important;}
    .b-table__row:nth-child(7) > div:nth-child(6){display:none!important;}
    .b-table__row:nth-child(8) > div:nth-child(6){display:none!important;}
    .b-table__row:nth-child(9) > div:nth-child(6){display:none!important;}
    .b-table__row:nth-child(10) > div:nth-child(6){display:none!important;}

  • #2
    Really wish VB would add the 85/15 layout too, I hate how our sponsored ads look. I'd love them to be going down the right-hand side.

    Comment


    • #3
      Thanks for posting this.. It worked great as we don't use them either and have been wanting to remove them from day 1
      Last edited by Carrfixr; Sun 8th Oct '17, 5:32pm.

      Comment


      • #4
        this really nice, i have been looking for ways to turn it of because i have no idea how the reputation system work.
        You only live once, but if you do it right, once is enough.
        Business Ideas Forum

        Comment


        • #5
          Is it possible to turn off the Reputation Bars?

          I still have not found a way, other than CSS editor, and that is not working when viewed on Mobile.

          Comment


          • #6
            This may be of some help:

            https://www.vbulletin.com/docs/html/...ons_reputation

            You can disable the user registration system, somehow.
            https://www.mylumolife.com/

            Comment


            • #7
              Here's the complete css code to hide the reputation meter, this adds the code to remove from the member list in small screen (mobile) view:

              Code:
              /*Turn Reputation Bars off*/
              .b-meter{display:none!important;}
              .b-table__cell--header:nth-child(6){display:none!important;}
              .b-table__row:nth-child(1) > div:nth-child(6){display:none!important;}
              .b-table__row:nth-child(2) > div:nth-child(6){display:none!important;}
              .b-table__row:nth-child(3) > div:nth-child(6){display:none!important;}
              .b-table__row:nth-child(4) > div:nth-child(6){display:none!important;}
              .b-table__row:nth-child(5) > div:nth-child(6){display:none!important;}
              .b-table__row:nth-child(6) > div:nth-child(6){display:none!important;}
              .b-table__row:nth-child(7) > div:nth-child(6){display:none!important;}
              .b-table__row:nth-child(8) > div:nth-child(6){display:none!important;}
              .b-table__row:nth-child(9) > div:nth-child(6){display:none!important;}
              .b-table__row:nth-child(10) > div:nth-child(6){display:none!important;}
              .b-meter__bar {display:none !important;}
              /*End Turn Reputation Bars off*/
              MARK.B | vBULLETIN SUPPORT

              TalkNewsUK - My vBulletin 5.5.2 Demo
              AdminAmmo - My Cloud Demo

              Comment


              • #8
                Thanks Mark i will revise mine

                When i went on my mobile i still did not see them, using the first code listed here. I switched it out to Mark's anyway so thanks to both of you
                Last edited by Carrfixr; Wed 8th Nov '17, 3:54am.

                Comment


                • #9
                  Excellent! You are on a roll Mark, thank you for all of your help. Should keep us quiet for a while.

                  Comment


                  • #10
                    To update, your CSS worked exactly as I hoped. Reputation Bars on now gone from view in the Member List on mobile and anywhere else on our site.

                    Big thanks.

                    Comment

                    Related Topics

                    Collapse

                    Working...
                    X