Notifications
Clear all

[Solved] Mycred rank size

10 Posts
2 Users
1 Likes
552 Views
Posts: 11
 mete
Customer
Topic starter
(@mete)
Member
Joined: 1 year 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
Admin
(@kylew)
Prominent Member
Joined: 3 years ago

Hi @mursel-mete-akay,

please provide Forum URL.

3 Replies
 mete
Customer
(@mete)
Joined: 1 year ago

Member
Posts: 11
Kyle
 Kyle
Admin
(@kylew)
Joined: 3 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: 1 year 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: 1 year 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
Admin
(@kylew)
Joined: 3 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: 1 year 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
Admin
(@kylew)
Joined: 3 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: 1 year 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