Remove cropping on achievement image

This is just CSS. This in your theme’s style.css might work:


#dpa-notifications {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}


I tried adding the above code into the style.css sheet, but it unsuccessfully removed the cropping.

Perhaps my lack of expertise put the code in the wrong spot. Would you care to be more specific as to where the code should be inserted?

This is likely the CSS just needed a higher priority selector in order to override the styles that comes with Achievements. I’m unable to offer support for this, but perhaps someone else will come along and help out.

If this is a style in the Achievements plugin, I don’t mind manually altering the style with each Achievements update for the time being, if you could direct me to that?

The code I used (below) in my theme’s style.css needed the extra class selector to be more specific and hence overwrite the existing CSS rule.

#dpa-notifications .dpa-achievement-unlocked-thumbnail {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}

That worked! Thanks so much.