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.
Notifications
Clear all
Sep 25, 2022 9:12 pm
9 Replies
Sep 26, 2022 12:29 pm
Hi @mursel-mete-akay,
please provide Forum URL.
Sep 26, 2022 3:27 pm
@kylew Here is our forum link: https://www.bilimveyaratilisagaci.com/f/se/yks-sinavini-kazanmak-icin-tavsiyeler/
Â
Sep 27, 2022 2:48 pm
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;
}
Sep 27, 2022 3:01 pm
@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?
Sep 27, 2022 3:24 pm
Sory I solved the png background issue. Can you please just tell me how to set different rank size in mobile?
Sep 28, 2022 1:39 pm
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%;
}
Oct 03, 2022 2:39 pm
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.
Oct 03, 2022 2:50 pm
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.
Oct 03, 2022 3:36 pm
Sory, a friend helped me about that issue. The problem was related to another plugin. I hope I won't experience this problem again.