Update Selectors in the Navigation Menu, Related Articles, and Trending Articles by Topic

If you’re updating your community template to Spring ‘19 using a manual update via an update flag Update flag in Community Builder in Community Builder, and you use custom CSS overrides, you might need to update some CSS selectors. Update the CSS selectors in your Navigation Menu, Reputation Leaderboard, Related Articles, and Trending Articles by Topics components so that your CSS works just as planned.

Where: This change applies to Lightning communities, accessed through Lightning Experience and Salesforce Classic in Enterprise, Performance, Unlimited, and Developer editions.

How: Update the following CSS selectors.

Navigation Menu

Table 1. Home Menu Item Link
Previous Selectors New Selector

.forceCommunityNavigationMenu

.homeLink.forceCommunityNavigationMenu

.homeButton.comm-navigation .slds-list__item a[data-type="home"]

.comm-navigation .comm-navigation__item a[data-type="home"]
Table 2. Top-Level Menu Item
Previous Selectors New Selector

.forceCommunityNavigationMenu .menuItem

.forceCommunityGlobalNavigation .navigationMenuNode

.comm-navigation .comm-navigation__list > .slds-list__item

.comm-navigation .comm-navigation__list > .slds-list__item > .comm-navigation__item

Includes submenu triggers.

Table 3. Current Top-Level Menu Item Link
Previous Selectors New Selector

.forceCommunityNavigationMenu .current

.forceCommunityGlobalNavigation .menuItem.current

.comm-navigation .comm-navigation__list > .slds-list__item > .slds-is-active

.comm-navigation .comm-navigation__list > .slds-list__item> .comm-navigation__item > .slds-is-active
Table 4. Top-Level Menu Item Links
Previous Selectors New Selector

.forceCommunityNavigationMenu .menuItemLink

.forceCommunityNavigationMenu a.menuItemLink

.forceCommunityNavigationMenu .menuItem .menuItemLink

.forceCommunityNavigationMenu .menuItem a

.forceCommunityNavigationMenu .menuItem a.menuItemLink

.comm-navigation .comm-navigation__list > .slds-list__item > a

.comm-navigation .comm-navigation__list > .slds-list__item > button

.comm-navigation .comm-navigation__list > .slds-list__item> .comm-navigation__item > a

.comm-navigation .comm-navigation__list > .slds-list__item> .comm-navigation__item > button

Table 5. Submenu Items
Previous Selectors New Selector

.forceCommunityNavigationMenu .subMenuItem

.comm-navigation .slds-list_vertical.slds-is-nested .slds-list__item

.comm-navigation .slds-list_vertical.slds-is-nested .comm-navigation__item
Table 6. Active Submenu Item
Previous Selectors New Selector

.forceCommunityNavigationMenu .subMenuItem.current

.comm-navigation .slds-list_vertical.slds-is-nested .slds-list__item .slds-is-active

.comm-navigation .slds-list_vertical.slds-is-nested .comm-navigation__item .slds-is-active
Table 7. Submenu Trigger Link
Previous Selectors New Selector

.forceCommunityNavigationMenu .triggerLink

..forceCommunityNavigationMenu .triggerLabel

.comm-navigation .slds-list__item button:enabled

.comm-navigation .comm-navigation__item button:enabled
Table 8. Submenu Trigger Link Icon
Previous Selectors New Selector

.forceCommunityNavigationMenu .triggerLink .forceIcon

.comm-navigation .slds-list__item button:enabled .slds-icon_container

.comm-navigation .comm-navigation__item button:enabled .slds-icon_container
Table 9. Menu Items
Previous Selectors New Selector

.forceCommunityNavigationMenu .navigationMenu li

.comm-navigation .slds-list__item

.comm-navigation .comm-navigation__item

Includes top-level and submenu items.

Table 10. Menu Item Links
Previous Selectors New Selector

.forceCommunityNavigationMenu a

.forceCommunityNavigationMenu a.menuItemLink

.comm-navigation .slds-list__item a

.comm-navigation .slds-list__item button

.comm-navigation .comm-navigation__item a.comm-navigation .comm-navigation__item button

Includes top-level and submenu items.

Table 11. Submenu Items
Previous Selectors New Selector
.forceCommunityNavigationMenu .subMenuItem.comm-navigation .slds-list_vertical.slds-is-nested .slds-list__item .comm-navigation .slds-list_vertical.slds-is-nested .comm-navigation__item
Table 12. Submenu Item Links
Previous Selectors New Selector
.comm-navigation .slds-list_vertical.slds-is-nested .comm-navigation__item .comm-navigation .slds-list_vertical.slds-is-nested .comm-navigation__item a

Reputation Leaderboard

Table 13. Reputation Leaderboard Row
Previous Selectors New Selector
.forceCommunityReputationLeaderboardRow.comm-leaderboard li .comm-leaderboard .comm-leaderboard__item

Related Articles

Table 14. Article List Items
Previous Selectors New Selector

.selfServiceSimilarArticles .base-simple-item

.comm-related-articles li

.comm-related-articles .comm-related-articles__item

Table 15. Article Links
Previous Selectors New Selector

.selfServiceSimilarArticles .item-title

.selfServiceSimilarArticles .item-title-link

.comm-related-articles li a

.comm-related-articles .comm-related-articles__item a

Trending Articles by Topics

Table 16. Article List Items
Previous Selectors New Selector

.selfServiceTopicTrendingArticles .base-simple-item

.comm-topic-trending-articles li

.comm-topic-trending-articles .comm-topic-trending-articles__item

Table 17. Article Links
Previous Selectors New Selector

.selfServiceTopicTrendingArticles .item-title-link

.selfServiceTopicTrendingArticles a

.comm-topic-trending-articles li a

.comm-topic-trending-articles .comm-topic-trending-articles__item a