Some CSS selectors for the Reputation Leaderboard component changed with the Lightning
communities update. If you plan to continue using custom CSS overrides, migrate them forward
after you update the template.
This topic identifies selector changes.
- Use custom CSS sparingly because template updates might not support your
customizations.
- Custom CSS is now shared across all your community pages. If you used custom CSS for
Login pages, copy it and close the CSS editor. Then navigate to a non-Login page, reopen
the editor, and add the custom CSS.
Full Reputation Leaderboard
| .forceCommunityReputationLeaderboard.leaderboard |
.comm-leaderboard |
Reputation Leaderboard Row
| .forceCommunityReputationLeaderboardRow |
.comm-leaderboard
li |
User Info Column
|
.forceCommunityReputationLeaderboard
.pointsAndLevels .forceCommunityReputationLeaderboard .userInfoCol
|
.comm-leaderboard
.slds-media__body |
Reputation Points Column
| .forceCommunityReputationLeaderboard .reputationCol
|
.comm-leaderboard__points-column |
Title
| .forceCommunityReputationLeaderboard
.title |
.comm-leaderboard
h2 |
User Level Name
| .forceCommunityReputationLeaderboard
.reputationLevelName |
.comm-leaderboard__level-name |
User Reputation Level Image
| .forceCommunityReputationLeaderboard
.reputationLevelImage |
.comm-leaderboard .slds-media__body
.slds-icon_small |
Username in User
| .forceCommunityReputationLeaderboard
.userName |
.comm-leaderboard__user-name |
User Photo in User
| .forceCommunityReputationLeaderboard
.userPhoto |
.comm-leaderboard
.slds-media__figure |
User Points in Reputation Levels
|
.forceCommunityReputationLeaderboard
reputationPointsNumber. |
.comm-leaderboard__points |
User Points Word in Reputation Levels
|
.forceCommunityReputationLeaderboard
.reputationPointsWord. |
.comm-leaderboard__points-word |
j