Notifications
Clear all

wpForo 1.x.x [Solved] BP Group list photo icons too large

6 Posts
3 Users
0 Reactions
1,208 Views
mark_k
Posts: 3
Topic starter
(@mark_k)
Active Member
Joined: 5 years ago

Anyone know a way to reduce the size of the group icons in the BuddyPress group list on the lower right of he forum page?  See Attached jpg.

Some wpforo settings about how to display the group list would be useful.

5 Replies
Posts: 992
Moderator
(@martin)
Support Team
Joined: 8 years ago

Hi @mark_k,

Please leave a direct URL to that page to allow us debug CSS conflicts.

mark_k
Posts: 3
Topic starter
(@mark_k)
Active Member
Joined: 5 years ago

Hi @martin, logins are required to view the site.  Is there a secure place I can leave or email the URL and login info?

Thanks - Mark

1 Reply
Sofy
 Sofy
Admin
(@sofy)
Joined: 7 years ago

Support Team
Posts: 4900

@mark_k

Please send the login details with your forum URL to info[at]gvectors.com email address. 

Sofy
Posts: 4900
 Sofy
Admin
(@sofy)
Support Team
Joined: 7 years ago

Hi @mark_k,

Please navigate to Dashboard > Forums > Settings > Style admin page, put the CSS code in the "Custom CSS code" textarea:

#primary #groups-list li .item-avatar {
    padding-right: 10px !important;
    width: auto;
    height: auto;
}

#primary #groups-list li .item {
    height: auto;
}

#primary .item-list > li {
    display: flex;
}

#primary #groups-list li .item-avatar img {
    width: 40px;
    height: 40px;
}

The red marked code can be changed as you like. 

Please don't forget to delete all caches and press Ctrl+F5 (twice) on the frontend before checking to reload the updated CSS file.    

1 Reply
mark_k
(@mark_k)
Joined: 5 years ago

Active Member
Posts: 3

@sofy

Thanks sofy!  Looks like did the trick.

Mark K.