[Resolved] Display of myCred Badges on Buddypress Profiles?

Home Forums Support Display of myCred Badges on Buddypress Profiles?

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #1140015
    Scaffies

    Hello,

    we are VERY happy with the GeneratePress theme!! So much faster and cleaner than what we had before!

    Just one small thing:

    we are using the myCred badges, and wonder if the order of appearance can be changed on the member profiles?

    They get stacked on top of each other, which takes a lot of space, and requires much scrolling down, the more badges a member earns. In the (admin-only) WebSite URL below is a link to a screenshot of my own profile to illustrate.

    Is there any way to have them appear next to each other, in a row?

    Your feedback & help would be greatly appreciated!!

    Kerrie
    from the Scaffies Volunteer Admin Team

    #1140371
    David
    Staff
    Customer Support

    Hi there,

    really need to see the actual page to be able to provide a fix for that.
    Or if you can right click and inspect the myCred container and share a screenshot of its HTML i may be able to assist.

    Thanks for the awesome feedback – glad you’re enjoying the theme

    #1145422
    Scaffies

    Hello David,

    thank you for responding!

    It may be best to give you a trial account to the website – how can we best send you the credentials? (Here it would be publicly visible, I assume, and there are no options for admin-view-only attachments).

    Did look around and made a screenshot of the myCred container analysis (is this what you were referring to?) – screenshot link:
    URL: https://scaffies.nl/wordpress/wp-content/uploads/2020/01/myCredContainer.png

    On a different page, where the badges are inserted by short-code, they are sideways (a space between them would be nice, but I am glad they are sideways somehow). This would be very helpful to have shown like this on the Buddypress member profiles – screenshot link:
    URL: https://scaffies.nl/wordpress/wp-content/uploads/2020/01/myCred-Shortcode-List.png

    Unfortunately, all this CSS is not my area of expertise at all.

    Any help is greatly appreciated!

    Kevin-Stephen
    Volunteer Administrator

    #1145746
    David
    Staff
    Customer Support

    Try adding this CSS:

    #mycred-users-badges .col-xs-12 {
        display: flex;
        flex-wrap: wrap;
    }
    #1145799
    Scaffies

    Thank you David!

    However, when implementing it with Code Snippets, it produced this error message:

    Don’t Panic

    The code snippet you are trying to save produced a fatal error on line 3:
    syntax error, unexpected ‘:’

    The previous version of the snippet is unchanged, and the rest of this site should be functioning normally as before.

    Please use the back button in your browser to return to the previous page and try to fix the code error. If you prefer, you can close this page and discard the changes you just made. No changes will be made to this site.

    Code screenshot: https://scaffies.nl/wordpress/wp-content/uploads/2020/01/myCred-code-snippet-error.png

    #1145804
    Scaffies

    Also got this:

    Howdy!

    Since WordPress 5.2 there is a built-in feature that detects when a plugin or theme causes a fatal error on your site, and notifies you with this automated email.

    In this case, WordPress caught an error with one of your plugins, Code Snippets.
    [..]
    When seeking help with this issue, you may be asked for some of the following information:
    WordPress version 5.3.2
    Current theme: GeneratePress (version 2.4.1)
    Current plugin: Code Snippets (version 2.14.0)
    PHP version 7.3.13

    Error Details
    =============
    An error of type E_PARSE was caused in line 3 of the file /home/scaffies/domains/scaffies.nl/public_html/wordpress/wp-content/plugins/code-snippets/php/admin-menus/class-edit-menu.php(213) : eval()’d code. Error message: syntax error, unexpected ‘:’

    (If this helps any in diagnosis)

    #1145837
    David
    Staff
    Customer Support

    That code is CSS you can add it to either:

    Customizer > Additional CSS

    or

    Child theme styles.css

    #1145908
    Scaffies

    BRILLIANT!!!!

    This absolutely worked – thank you so much!!

    (sorry I was so inept to implement it correctly at first).

    Thanks again, this makes a very big difference to us – we really appreciate your help!

    For the Scaffies Admin Team,
    Kevin-Stephen

    #1145934
    David
    Staff
    Customer Support

    Awesome – glad to be of help 🙂

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.