Hi @Kristy,

I checked the code and I am not sure if it is posible to hide them with CSS, because the connected class to it is not unique (span3).

Code:

<div class="span3">
	<span class="gamification-sprite star-big"></span>
	My Points: <strong>0</strong>
</div>

I was able to hide the star but I didn’t manage to hide the text itself, as this is sitting within the class span3.

Here is the code to disable the star:

/*Hide Points in the Badges area in My Activities*/
.myactivities-badges-info > .span3 > .star-big {
    display: none;
}

Maybe someone else has an idea on how to hide the text behind the star 

Give this a shot and be sure to test other areas.

Tricky part is that there are multiple places that the points appear.

Here are four that I found.

Please test for conflicts or other issues 

/** Hide the My Points part of Badges **/

/** On the My Activities Page **/
.myactivities-badges-info.row-fluid > div:nth-child(3) {
    display: none;
}

/** On the Badges and Points Page **/
#mybadges-tab-mybadges div.row-fluid > div:nth-child(2) {
    display: none;
}

/** On the slide out panel when you click on trophy **/
#gamification-panel-container .gamification-panel-summary a:nth-child(3) {
    display: none;
}

/** On gamification widgets **/
#panel-0 > div > dcl-wrapper > ng-component > div > div > div:nth-child(2) {
    display: none;
}

Hope this helps.

Thank you both for your efforts. My CSS skills are very rusty. You guys rock!

@gstager  - Your solution worked, so far, points are hidden and nothing is broken.

Kristy

Great news!

Thanks for the update.