Notifications
Clear all

RE: Center And Increase Size Of Badge

4 Posts
3 Users
0 Reactions
1,913 Views
Posts: 20
Customer
Topic starter
(@antoney-thomas)
Member
Joined: 5 years ago

Greetings,

Please see attachment.

I am using the attached image as a badge.
I would like to:

1. Center the VIP Image.
2. Make the VIP Image a little larger.

Direct URL: http://digifessor.com/community

Thank you!

vip image larger 1

 

3 Replies
Elvina
Posts: 1403
(@elvina)
Support
Joined: 5 years ago

Hi @antoney-thomas,

Please navigate to Dashboard > Forums > Settings > Styles admin page, put the following CSS code in the "Custom CSS Code" textarea:

#wpforo-wrap .wpforo-mycred-badges-wrap .mycred-users-badges .the-badge {
max-width: 65% !important;
}
#wpforo-wrap .wpforo-mycred-badges-wrap .mycred-users-badges .the-badge img{
height: 40px !important;
}

You can change the red mark values.

Don't forget to delete all caches and press CTRL+F5(twice) on the frontend before checking.

Reply
Posts: 20
Customer
Topic starter
(@antoney-thomas)
Member
Joined: 5 years ago

That fixed the size but did not fix the position.

Can you please send the CSS Code to "center" 
the badge?

Thank you, very much!

Reply
1 Reply
Astghik
Admin
(@astgh)
Joined: 7 years ago

Illustrious Member
Posts: 6201
Share:
Scroll to top