1. Customize
  2. Expansions
  3. Disable opacity effect on not earned achievements and ranks

Disable opacity effect on not earned achievements and ranks

By default, GamiPress adds an opacity effect on not earned achievements images to notice users about the earned status of this achievements as you can see on next image:

Disabling this effect is so simple as add a single CSS rule.

Disable opacity effect for achievements:

.gamipress-achievement .gamipress-achievement-image, .achievement-wrap .gamipress-achievement-image {
    opacity: 1 !important;
}

Disable opacity effect for ranks:

.gamipress-rank .gamipress-rank-image, .rank-wrap .gamipress-rank-image {
    opacity: 1 !important;
}

Disable opacity effect on both (achievements and ranks):

.gamipress-achievement .gamipress-achievement-image, .achievement-wrap .gamipress-achievement-image, 
.gamipress-rank .gamipress-rank-image, .rank-wrap .gamipress-rank-image {
    opacity: 1 !important;
}

How can we help?