Did you try to search for solutions by the plugin-settings? Or ask for support for your Gamipress-plugin?
See https://wordpress.org/support/plugin/gamipress/
There I could read for example:
By default, GamiPress sets as image for achievement a 100×100, but you can change it at any moment on GamiPress -> Settings -> General -> Achievements Image Size
Note: After change the image size setting, you will require to reupload your image or use a plugin like Regenerate Thumbnails to get your old images resized to the new sizes
I asked them, they told me to add css and overwrite the theme settings. I know a bit about css but this css customization is out og my league, thats why I asked here.
Yes, I was also trying, but thought it was too difficult for me.
Maybe this new trial may help. You can experiment with the pixel-sizes:
.gamipress-achievement:not(.gamipress-layout-none) ul.gamipress-achievement-earners-list li,
.gamipress-achievement:not(.gamipress-layout-none) ul.gamipress-achievement-rank-earners-list li
{
width: 30px;
height: 30px;
margin: 1px;
padding: 0;
}
.gamipress-achievement:not(.gamipress-layout-none) ul.gamipress-achievement-earners-list li img.avatar,
.gamipress-achievement:not(.gamipress-layout-none) ul.gamipress-rank-earners-list li img.avatar {
margin: 4px;
width: 20px;
height: 20px;
max-width: 30px;
}
(Small error) >>
.gamipress-achievement:not(.gamipress-layout-none) ul.gamipress-achievement-earners-list li,
.gamipress-achievement:not(.gamipress-layout-none) ul.gamipress-achievement-rank-earners-list li
{
width: 30px;
height: 30px;
margin: 1px;
padding: 0;
}
.gamipress-achievement:not(.gamipress-layout-none) ul.gamipress-achievement-earners-list li img.avatar,
.gamipress-achievement:not(.gamipress-layout-none) ul.gamipress-achievement-rank-earners-list li img.avatar {
margin: 4px;
width: 20px;
height: 20px;
max-width: 30px;
}
Wow! That really worked! thanks a lot!
You’re welcome.
It was an educational puzzle to me.
Maybe the “max-width” is unnecessary.
