CSS Overrides Migration for the Related Articles 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.

Previous Selector New Selector
.selfServiceSimilarArticles

.base-items

.uiAbstractList

.selfServiceBaseSimpleItems

.comm-related-articles
Previous SelectorNew Selector
.selfServiceSimilarArticles h2 .selfServiceSimilarArticles .base-items-header.comm-related-articles h2
Previous SelectorNew Selector
.selfServiceSimilarArticles ul .selfServiceSimilarArticles .base-items.comm-related-articles ul
Previous SelectorNew Selector
.selfServiceSimilarArticles .base-simple-item.comm-related-articles li
.selfServiceSimilarArticles .base-simple-item .comm-related-articles li.comm-related-articles .comm-related-articles__item

Previous Selector New Selector
.selfServiceSimilarArticles .item-title

.selfServiceSimilarArticles .item-title-link

.comm-related-articles li a

.selfServiceSimilarArticles .item-title

.selfServiceSimilarArticles .item-title-link

.comm-related-articles li a

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