Notifications
Clear all

[Solved] MyCred Badge Alignment - Horizontal

5 Posts
2 Users
2 Reactions
1,024 Views
Posts: 4
Customer
Topic starter
(@derek-dunne)
Member
Joined: 3 years ago

Hi 

I've recently installed MyCred and adjusted the CSS to show badges in a size of 300x100 using the below 

define( 'MYCRED_BADGE_WIDTH', 300 );
define( 'MYCRED_BADGE_HEIGHT', 100; );

Although this has worked fine I can't seem to get the badge to display centered. Can anyone help with this?

Screenshot 2021 08 28 at 00.42.11

 

 

4 Replies
Kyle
Posts: 728
 Kyle
(@kylew)
Prominent Member
Joined: 3 years ago

Hi @derek-dunne,

Please give us your forum URL, we will try to find out how to resolve that issue.

Posts: 4
Customer
Topic starter
(@derek-dunne)
Member
Joined: 3 years ago
Kyle
Posts: 728
 Kyle
(@kylew)
Prominent Member
Joined: 3 years ago

@derek-dunne,

Insert the above CSS code in Dashboard > Forums > Settings > Styles Tab > Custom CSS Code Field:

#wpforo #wpforo-wrap .wpforo-mycred-badges-wrap .mycred-users-badges .the-badge {
    max-width: none !important;
}
Posts: 4
Customer
Topic starter
(@derek-dunne)
Member
Joined: 3 years ago

That worked perfect. Thanks for the help Kyle

Share:
Scroll to top