WPAchievements is not displayed correctly

[anonim_2m]

I bought this module (WPAchievements), it works perfectly, but in the buddypress profile do not show badges correctly.

probably a css code would solve the problem :).

you can help me arrange it in the middle?

thank you!

 

 

Attachments:

You must be logged in to view attached files.

[Kieran_SQ]

Hi,

It is indeed a CSS issue with the plugin, please try the below CSS in your KLEO Child theme’s style.css by going to WP Admin > Appearance > Editor > KLEO Child > Style.css or in Theme Options > General Settings > Scroll to: ‘Quick CSS’

COPY CODE

#wpa_bp_achievements_hold {
    margin-left: auto;
    margin-right: auto;
}

This CSS will make the content sit better within the space. You can adjust the width of the plugin content from it’s current settings by using the below CSS instead of the above. Change 450px to suit your needs.

COPY CODE

#wpa_bp_achievements_hold {
    max-width: 450px !important;
    margin-left: auto;
    margin-right: auto;
}

Make sure to purge your website cache, CDN and local cache (Ctrl+F5) to see any changes.

Thanks,

Kieran

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

[anonim_2m]

Thanks for the reply!

the text (title) is displayed correctly, but the badges are not yet

Attachments:

You must be logged in to view attached files.

[Kieran_SQ]

Hi,

The badges are displayed as intended by the plugin author. If you would like me to send you CSS to adjust this then please send me a link to a profile that has two or more badges on their profile.

Thanks,

Kieran

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

[anonim_2m]

This reply has been set as private.

[Kieran_SQ]

Hi,

Please use the below custom CSS in conjunction with the above to ensure images within this div are aligned center.

COPY CODE

#wpa_bp_achievements_hold img {
    float: unset;
}

If you’d like to give the images a little more breathing room and sit better within the content please try the below CSS instead

COPY CODE

#wpa_bp_achievements_hold img {
    float: unset;
    margin-top: 15px;
}

Thanks,

Kieran

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

[anonim_2m]

Thank you very much!!!!

[Kieran_SQ]

Hi,

You’re most welcome. Feel free to open a new ticket any time with any other questions and we’ll be happy to help.

All the best,

Kieran

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

[Author]

Posts