Question

CSS for My Activities tabs

  • 16 June 2022
  • 1 reply
  • 81 views

The Certifications tab on the My Activities page was renamed in our environment through the Localization Tool.  For a domain we’d like to rename it.  Does anyone have the CSS code to change it?  TIA


1 reply

Actually I figured it out myself!  Here’s the CSS for all to share:

/*Modify Certifications tab on My Activities Page*/
a.certification { 
    font-size:0px;
}

a.certification:after {
        content: "Certifications";
        font-size:13px
}

/*Modify Title on Certifications pane on My Activities Page*/
div.myactivities-sidebar > div.sidebarred > div.main > div.tab-content > div.printable.user-report-courses > div.courses-title {
        font-size:0px;
}

div.myactivities-sidebar > div.sidebarred > div.main > div.tab-content > div.printable.user-report-courses > div.courses-title:after {
        content: "Certifications";
        font-size:25px !important;
}

/*Modify checkbox text on Certifications pane on My Activities Page*/
div.myactivities-sidebar > div.sidebarred > div.main > div.tab-content > div.printable.user-report-courses > div#combo-grid-view-container-activities-certifications-grid.combo-grid-view-container > form#combo-grid-form.form-inline > div.filters-wrapper > table.filters.table-border > tbody > tr > td.group.show-expired > table > tbody > tr > td > label {
        font-size:0px;
}

div.myactivities-sidebar > div.sidebarred > div.main > div.tab-content > div.printable.user-report-courses > div#combo-grid-view-container-activities-certifications-grid.combo-grid-view-container > form#combo-grid-form.form-inline > div.filters-wrapper > table.filters.table-border > tbody > tr > td.group.show-expired > table > tbody > tr > td > label:after {
        content: " Also show expired certifications";
        font-size:14px !important;
}
 

Reply