Issue with badge Alignment Under profile  


Fernando Ortiz
Posts: 6
Customer
(@fer912)
Member
Joined: 2 months ago
good morning, I would like to know if you can help me, I have a problem with the badges, they are superimposed on the forum but they look good in the members.
I leave some pictures 
i 2
i 1

the site is
www.ecv56condor.com.ar

Thank you


2 Replies
Astghik
Posts: 3388
Admin
(@astghik)
Support Team
Joined: 2 years ago

Hi @fer912,

As far as your badges images are larger than usual they are, I'd suggest you align them vertically not horizontally. 

Below is the CSS code that allows you to locate the badges vertically on the topic pages. Please add it in Dashboard > Forums > Settings > Styles > "Custom CSS code" textarea, save it, delete all caches and check again.

Please don't forget to press Ctrl+F5 before checking to reload the updated CSS file.   

#wpforo-wrap .wpforo-post .wpforo-mycred-badges-wrap .mycred-users-badges .the-badge {
max-width: 100%;
}

.wpforo-post .row.mycred-users-badges .col-xs-12 {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
Reply
Fernando Ortiz
Posts: 6
Customer
(@fer912)
Member
Joined: 2 months ago

Thanks, I'm going to try, could you inform me what would be the recommended size? thanks again

Reply
Share:
Green
Default
Pear
Black Emo
{green}:grinning:
{green}:wink:
{green}:face:
{green}:inlove:
{green}:sweaty:
{green}:surprised:
{green}:lovekiss:
{green}:laugh:
{green}:formalsmile:
{green}:displeased:
{green}:cool:
{green}:resent:
{green}:nerd:
{green}:screaming:
{green}:amazed:
{green}:sad:
{green}:deceitful:
{green}:starryeyes:
{green}:evil:
{green}:shocked:
{green}:tears:
{green}:sulky:
{green}:smile:
{green}:vomited:
{green}:hi:
{green}:afraid:
{green}:crazy:
{green}:rabid:
{green}:fighting:
{green}:nonoise:
{green}:blushed:
{green}:idontknow:
{green}:scared:
{green}:razz:
{green}:kiss:
{green}:eat:
{green}:shutmouth:
{green}:gape:
{green}:suspicious:
{green}:laughingoutloud:
{green}:bruise:
{green}:crying:
{green}:pray:
{green}:serious:
{green}:excitement:
:)
:d
:wink:
:mrgreen:
:neutral:
:twisted:
:arrow:
:shock:
:???:
:cool:
:evil:
:oops:
:razz:
:roll:
:cry:
:eek:
:lol:
:mad:
:sad:
:!:
:?:
:idea:
:hmm:
:beg:
:whew:
:chuckle:
:silly:
:envy:
:shutmouth:
{pear}:happy:
{pear}:smile:
{pear}:laugh:
{pear}:laughingoutloud:
{pear}:crying:
{pear}:exhausted:
{pear}:nerd:
{pear}:surprised:
{pear}:veryhungry:
{pear}:wink:
{blackemo}:laughtertotears:
{blackemo}:gift:
{blackemo}:love:
{blackemo}:inlove:
{blackemo}:shamefaced:
{blackemo}:heart:
{blackemo}:crazy:
{blackemo}:anguished:
{blackemo}:bruise:
{blackemo}:easymoney:
{blackemo}:exhausted:
{blackemo}:vampire:
{blackemo}:shutmouth:
{blackemo}:wink:
{blackemo}:carnival:
{blackemo}:flowers:
{blackemo}:hotdrink:
{blackemo}:party: