WordPress.org

Ready to get started?Download WordPress

Forums

Achievements for WordPress
[resolved] Remove cropping on achievement image (7 posts)

  1. allmyleagues
    Member
    Posted 1 year ago #

    How can I remove the oval cropping that occurs when achievements are awarded? Here's a link to a screenshot I took of the issue.

    http://wp.me/a2Y1aZ-tp

    As you can see, the image is cropped in a vertical oval shape. I would like to remove this.

    http://wordpress.org/extend/plugins/achievements/

  2. Paul Gibbs
    BuddyPress Lead Developer
    Plugin Author

    Posted 1 year ago #

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

  3. allmyleagues
    Member
    Posted 1 year ago #

    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?

  4. Paul Gibbs
    BuddyPress Lead Developer
    Plugin Author

    Posted 1 year ago #

    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.

  5. allmyleagues
    Member
    Posted 1 year ago #

    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?

  6. Vernon Fowler
    Member
    Posted 1 year ago #

    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;
    }
  7. allmyleagues
    Member
    Posted 1 year ago #

    That worked! Thanks so much.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags