Notifications
Clear all

[Closed] Icon Resolution

9 Posts
4 Users
3 Reactions
893 Views
Posts: 56
Topic starter
(@user1038)
Trusted Member
Joined: 1 year ago

Is there a way to manage the compression level of user icons and increase the resolution of the icons?

I would appreciate it if you could tell me.

8 Replies
TIMS Forum
Posts: 46
(@tims-forum)
Trusted Member
Joined: 7 years ago

I agree and would like to know also. I asked our team to "thumbs up" a post I made and they started asking me how to do it. No one can see this super small icon or the tiny menu with the up or down that appears if you hover over it. How do I make it bigger? Or place it better? It is also in a weird spot, I think. 

3 Replies
BlackRaz
Admin
(@blackraz)
Joined: 8 years ago

Contributor
Posts: 404

@tims-forum You just can add small css for that icon

(@user1038)
Joined: 1 year ago

Trusted Member
Posts: 56

@tims-forum 

 

#wpforo #wpforo-wrap .wpf-popover i.fa-thumbs-up {
  フォントサイズ:30px !重要;
 }
 #wpforo #wpforo-wrap .wpf-popover i.fa-thumbs-down {
  フォントサイズ: 30px !重要;
   高さ: 40px !重要;
 }
 #wpforo #wpforo-wrap .wpf-popover .wpf-react.wpf-unreacted > i {
   フォントサイズ: 30px !重要;
 } 

 

If you add this css, you can make the icons you mentioned a little bigger.

If you are not satisfied, change the numbers.

It was reflected in my environment, but it may not be reflected.
I haven't checked to see if there is a problem with the css.

 

(@user1038)
Joined: 1 year ago

Trusted Member
Posts: 56

 I'm sorry.
There was a mistake in the css.

#wpforo #wpforo-wrap .wpf-popover i.fa-thumbs-up {
 font-size:30px !important;
}
#wpforo #wpforo-wrap .wpf-popover i.fa-thumbs-down {
 font-size: 30px !important;
  height: 40px !important;
}
#wpforo #wpforo-wrap .wpf-popover .wpf-react.wpf-unreacted > i {
  font-size: 30px !important;
}
BlackRaz
Posts: 404
Admin
(@blackraz)
Contributor
Joined: 8 years ago

The icons are now vectors, not images. We are using Font Awesome icons. You just need to customize these icons using CSS codes.

Posts: 56
Topic starter
(@user1038)
Trusted Member
Joined: 1 year ago

Thank you for your response.

I guess I was not clear in my expression.
When I said user icon, I meant avatar or profile picture.

How can I increase the resolution of my avatar or profile picture?

2 Replies
Moderator
(@martin)
Joined: 8 years ago

Support Team
Posts: 992

@user1038,

When you upload an avatar image, it's cropped with 150x150 size. This is the maximum size wpForo uses in forum section. Also, you can use Gravatar or Remote image URL as the avatar image, in the last two cases the image resolution depends on your image, wpForo doesn't control them.

(@user1038)
Joined: 1 year ago

Trusted Member
Posts: 56

@martin ,

I have tried the method of setting avatars by URL, but with long URLs it is impossible to fill in all the fields.

How can I increase the size of the text that can be filled in?