i see that you can re-size them through css with this
.badgeos-achievements-list-item .badgeos-item-image img {
width: 50%;
height: auto;
}
but set to 50% it blurs the image
CSS is going to be the only option other than uploading larger versions of the images, sadly.
What its doing is.
i upload my feature image which is 117×228 which should be big enough that it doesnt stretch it,but on the achievement list its trying to take a thumbnail or 51×100 and use it for the image on the achievement list,so it stretches it out.
you can see the problem here
http://murderguild.com/achievements/
as well as a test page to see what they should actually look like
http://murderguild.com/test-badge/
Source: http://murderguild.com/wp-content/plugins/badgeos/css/badgeos-front.css?ver=1.0.1
.badgeos-achievements-list-item .badgeos-item-image img {
width: 100%;
height: auto;
}
Should be able to override that with either a more specific selector, or the same selector used AFTER the link above.
Edit: realized that’s the same selector you’re already using.
Not sure what properties will be best for your case, at this point.
