AI Search

Classic Search

Search Phrase:

Search Type:

Advanced search options

Search in Forums:

Search in date period:

Sort Search Results by:

AI Assistant

Notifications

Clear all

[Solved] Mycred rank size

✦ Summarize Topic

wpForo myCRED Integration

Last Post by mete 3 years ago

10 Posts

2 Users

1 Reactions

2,079 Views

RSS

Posts: 11

mete

Customer

Topic starter

Translate ▼

Sep 25, 2022 9:12 pm

(@mete)

Member

Joined: 4 years ago

[#10237]

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.

9 Replies

Posts: 728

Kyle

Translate ▼

Sep 26, 2022 12:29 pm

(@kylew)

Prominent Member

Joined: 5 years ago

Hi @mursel-mete-akay,

please provide Forum URL.

3 Replies

mete

Customer

(@mete)

Joined: 4 years ago

Member

Posts: 11

Sep 26, 2022 3:27 pm

Reply to

Kyle

Translate ▼

@kylew Here is our forum link: https://www.bilimveyaratilisagaci.com/f/se/yks-sinavini-kazanmak-icin-tavsiyeler/

Kyle

(@kylew)

Joined: 5 years ago

Prominent Member

Posts: 728

Sep 27, 2022 2:48 pm

Reply to

mete

Translate ▼

@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: 4 years ago

Member

Posts: 11

Sep 27, 2022 3:01 pm

Reply to

Kyle

Translate ▼

@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?

Posts: 11

mete

Customer

Topic starter

Translate ▼

Sep 27, 2022 3:24 pm

(@mete)

Member

Joined: 4 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

(@kylew)

Joined: 5 years ago

Prominent Member

Posts: 728

Sep 28, 2022 1:39 pm

Reply to

mete

Translate ▼

@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

Translate ▼

Oct 03, 2022 2:39 pm

(@mete)

Member

Joined: 4 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.

https://www.bilimveyaratilisagaci.com/f/se/yks-sinavini-kazanmak-icin-tavsiyeler/

1 Reply

Kyle

(@kylew)

Joined: 5 years ago

Prominent Member

Posts: 728

Oct 03, 2022 2:50 pm

Reply to

mete

Translate ▼

@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.