Skip to main content
Question

CSS to Hide Items on the User Personal Summary

  • July 24, 2025
  • 4 replies
  • 110 views

SJSloan210
Novice III
Forum|alt.badge.img+1

My client has items in the platform they are not launching with or will not be using.  They would like to hide those items on the Users Personal Summary/Transcript.  Those Items would be Badges, Social, Q&A, Share and Asset Rank.  Has anyone done this or something similar before using CSS to hide these items.  Any suggestions would be much appreciated.  Thank you.

4 replies

lrnlab
Hero III
Forum|alt.badge.img+10
  • Hero III
  • July 24, 2025

Hi ​@SJSloan210 you can try this code:

/* Hide External Training Tab in My Activities Page */
.myactivities-sidebar a.external-activities {display:none !important;}
/* Hide Social Tab in My Activities Page */
.myactivities-sidebar a.social {display:none !important;}
/* Hide Webinars Tab in My Activities Page */
.myactivities-sidebar a.webinar {display:none !important;}
/* Hide Learning Plan Tab in My Activities Page */
.myactivities-sidebar a.learning-plans {display:none !important;}
/* Hide Questions and Answers Tab in My Activities Page */
.myactivities-sidebar a.questionsAndAnswers {display:none !important;}
/* Hide Sharing Activity Tab in My Activities Page */
.myactivities-sidebar a.sharing-activity {display:none !important;}
/* Hide Asset Ranks Tab in My Activities Page */
.myactivities-sidebar a.assets-ranks {display:none !important;}
/* Hide Additional Info Tab in My Activities Page */
.myactivities-sidebar a.additional-info {display:none !important;}

Just remove the lines (or comment them out) you want to maintain. And please make sure to test thoroughly.


  • Novice I
  • August 5, 2025

Hi ​@lrnlab
Do you maybe have a code to remove the ‘Groups’ information from the Statistics tab? 

Thank you! 


lrnlab
Hero III
Forum|alt.badge.img+10
  • Hero III
  • August 6, 2025

Tried this code

/* related resource: admin.css:8168:1 */
.user-report-info-data > div { /* the element was div */
visibility: hidden;
}

but it hides too much. Could not find anything that only hides the Groups section since the DIV tag is too general. You can try it to see what I mean. 


  • Novice I
  • August 11, 2025

Thank you, ​@lrnlab 

I used this code and it worked: 

/*Hide groups section on My Activities Page*/

#content > div.myactivities-sidebar > div > div.main > div > div > div.user-report-summary > div > div.user-report-info.span6 > div.user-report-info-data > div:nth-child(5) {display: none !important}

 

/*Hide groups section on My Activities Page END*/