Answer

HIde My Points on a page

Forum|Forum|3 years ago
September 26, 2022
4 replies
96 views

K

Kristy
Newcomer

We are not using points in gamification, is there a way to hide the “My Points” reference?

Best answer by gstager

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.

+1

Johfra
Influencer III
Forum|Forum|3 years ago
September 27, 2022

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

Like

+8

gstager
Hero III
Answer
Forum|Forum|3 years ago
September 27, 2022

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;
}