If you’re only using one single language to train your users, you may want to hide the redundant language code you see on course cards (see below):
Just insert this code on your Custom CSS to hide the language code:
/* ************ */
/* Language tag */
/* ************ */
/* Removes 'Language' from widget tiles and catalog tiles */
.ui-card-language,
.ui-card-separator,
[data-cy="formal-content-language-code"],
[data-cy="formal-content-language-code-accessible"],
.ui-list-item-language,
.ui-list-item-separator,
.course-catalog-content .ui-card-language,
.course-catalog-content .ui-card-separator,
.course-catalog-content [data-cy="formal-content-language-code"],
.course-catalog-content [data-cy="formal-content-language-code-accessible"] {
display: none !important;
}
/* Add a " | " + a space after the # of courses on the Learning Plans tiles */
.ui-card-count.ui-typography-subtitle.ui-color-typography-secondary.ng-star-inserted::after,
.course-catalog-content .ui-card-count.ui-typography-subtitle.ui-color-typography-secondary.ng-star-inserted::after {
content: " | ";
margin: 0 5px;
}
/* Add a " | " + a space before the duration of courses on the Courses and Learning Plan widget tiles */
.ui-list-item-duration::before,
.course-catalog-content .ui-list-item-duration::before {
content: "| ";
margin: 0 5px;
}
Hope that helps!
Similar articles:
- Change the course status color
- Make your widget with rounded corners
- Enhance the new calendar widget
- Hide the Page Title and subtitle
