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:
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;}
Comment