Search
Close
AI Search
Classic Search
 Search Phrase:
 Search Type:
Advanced search options
 Search in Forums:
 Search in date period:

 Sort Search Results by:

AI Assistant
Notifications
Clear all

[Solved] MyCred Badge Alignment - Horizontal

5 Posts
2 Users
2 Reactions
1,810 Views
Posts: 4
Customer
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@derek-dunne)
Member
Joined: 5 years ago
[#8650]

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
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@kylew)
Prominent Member
Joined: 5 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
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@derek-dunne)
Member
Joined: 5 years ago
Kyle
Posts: 728
 Kyle
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@kylew)
Prominent Member
Joined: 5 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
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@derek-dunne)
Member
Joined: 5 years ago

That worked perfect. Thanks for the help Kyle


Share:
Scroll to top