Notifications
Clear all

Limited Support

Our support team is currently on holiday from December 25, 2025 to January 7, 2026, and replies may be delayed during this period.

We appreciate your patience and understanding while our team is away. Thank you for being part of the gVectors community!

Merry Christmas and Happy Holidays! 🎄

[Solved] Mycred rank size

10 Posts
2 Users
1 Reactions
1,944 Views
Posts: 11
 mete
Customer
Topic starter
(@mete)
Member
Joined: 3 years ago

Hi,

Wpforo Mycred rank image size is too small in new addon. It was big in previous addon versions. How can I magnify it. It looks very small. Screen capture is below. Thank you.

2022 09 25 200601

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

Hi @mursel-mete-akay,

please provide Forum URL.


3 Replies
 mete
Customer
(@mete)
Joined: 3 years ago

Member
Posts: 11
Kyle
 Kyle
(@kylew)
Joined: 4 years ago

Prominent Member
Posts: 728

@mete,

Insert the below CSS Code in Custom CSS Code Field from Dashboard > wpForo > Settings > Colors & Styles:

You can change the size by increasing or decreasing the 50px.

#wpforo #wpforo-wrap .wpforo-mycred-rank-wrap img.mycred-rank {
    max-height: 50px;
}

 mete
Customer
(@mete)
Joined: 3 years ago

Member
Posts: 11

@kylew Thank you. It worked. I wonder if I can adjust different size for mobile? Because I set 100px. It is convenient for desktop but a little large for mobile.

Again, I wonder if I can change the rank photo background colour. Because the rank photos is in png format with translate background. But it is seen in white in the current setting. How can I change this white background to custom color?

2022 09 27 135609

Posts: 11
 mete
Customer
Topic starter
(@mete)
Member
Joined: 3 years ago

Sory I solved the png background issue. Can you please just tell me how to set different rank size in mobile?


1 Reply
Kyle
 Kyle
(@kylew)
Joined: 4 years ago

Prominent Member
Posts: 728

@mete,

Try this:

@media screen and (max-width: 620px){ 
    #wpforo #wpforo-wrap .wpforo-mycred-rank-wrap img.mycred-rank{
        max-width: 50px !important;
        }
}
#wpforo #wpforo-wrap .wpforo-mycred-rank-wrap img.mycred-rank {
    max-height: 100%;
}

Posts: 11
 mete
Customer
Topic starter
(@mete)
Member
Joined: 3 years ago

Dear gvectors team;

I used your code, it enlarged the photos, but the ratio of width/height size of the photos are changed now. The photos became wider than normal. I never experienced those problems in previous addon versions.

Note: You wrote max-height: 100%, I changed it as 120px, but both of the code give same results, the ratio of width/height size of the photos are changed, that is wider than normal.


1 Reply
Kyle
 Kyle
(@kylew)
Joined: 4 years ago

Prominent Member
Posts: 728

@mete,

max height 100% fixes the issue with the width of the image. I just added my provided code in your forum and it fixed the issues with the Rank images.

You can set the max height: inherit or unset as well.


Posts: 11
 mete
Customer
Topic starter
(@mete)
Member
Joined: 3 years ago

Sory, a friend helped me about that issue. The problem was related to another plugin. I hope I won't experience this problem again.


Share:
Scroll to top