CSS Overrides Migration for the Reputation Leaderboard Component

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 since template updates don’t always support customizations.
  • Custom CSS is now shared across all your site 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.

Note

Full Reputation Leaderboard 
Previous SelectorNew Selector
.forceCommunityReputationLeaderboard.leaderboard.comm-leaderboard

Reputation Leaderboard Row 
Previous SelectorNew Selector
.forceCommunityReputationLeaderboardRow.comm-leaderboard li
.forceCommunityReputationLeaderboardRow .comm-leaderboard li.comm-leaderboard .comm-leaderboard__item

User Info Column 
Previous SelectorNew Selector
.forceCommunityReputationLeaderboard .pointsAndLevels .forceCommunityReputationLeaderboard .userInfoCol.comm-leaderboard .slds-media__body

Reputation Points Column 
Previous SelectorNew Selector
.forceCommunityReputationLeaderboard .reputationCol.comm-leaderboard__points-column

Title 
Previous SelectorNew Selector
.forceCommunityReputationLeaderboard .title.comm-leaderboard h2

User Level Name 
Previous SelectorNew Selector
.forceCommunityReputationLeaderboard .reputationLevelName.comm-leaderboard__level-name

User Reputation Level Image 
Previous SelectorNew Selector
.forceCommunityReputationLeaderboard .reputationLevelImage.comm-leaderboard .slds-media__body .slds-icon_small

Username in User 
Previous SelectorNew Selector
.forceCommunityReputationLeaderboard .userName.comm-leaderboard__user-name

User Photo in User 
Previous SelectorNew Selector
.forceCommunityReputationLeaderboard .userPhoto.comm-leaderboard .slds-media__figure

User Points in Reputation Levels 
Previous SelectorNew Selector
.forceCommunityReputationLeaderboard reputationPointsNumber..comm-leaderboard__points

User Points Word in Reputation Levels 
Previous SelectorNew Selector
.forceCommunityReputationLeaderboard .reputationPointsWord..comm-leaderboard__points-word

Get Up to Speed with Experience Builder Sites
Develop Experience Builder Sites: The Basics
Brand Your Aura Site
Update a Template with the Theme Panel
Use the CSS Editor for Custom CSS
Migrate CSS Overrides
Navigation Menu
Panels Container
Record Banner Component
Record Detail Component
Record Layout Component
Record List Component
Record Related List Component
Related Articles Component
Reputation Leaderboard Component
Sidebar Header Component
Trending Articles by Topic Component
Use Custom Fonts in Your Experience Builder Site
Customize the Theme Layout of Your Template
Use Expressions to Add Dynamic Data to Aura Sites
Configure Swappable Search and Profile Menu Components
Ensure Custom Components in Orgs with Experience Cloud Sites Are Secure
Develop Secure Sites: Authenticated and Guest Users
Develop Secure Sites: CSP, LWS, and Lightning Locker
Add Pardot Tracking to Your Experience Builder Site
Use a CMS with Your Experience Builder Site
Report on Deflections: The Deflection Signals Framework
Avoid Deployment Issues When Moving to Enhanced LWR Sites
Considerations for Deploying Authenticated LWR Sites
ExperienceBundle for Experience Builder Sites
Previous Versions