Notifications
Clear all

wpForo 1.x.x [Solved] Recent Posts / Topics widget: Display Avatar problem

7 Posts
2 Users
0 Reactions
1,165 Views
Posts: 85
Topic starter
(@zeeshan333)
Estimable Member
Joined: 5 years ago

I have the "recent posts" widget on my front page, however when I enable the "display avatars" option on there is a big alignment problem: https://prnt.sc/pro93n

The avatars are really far away from the text.

I found a small solution for the desktop version of the website.

This is my widget section before the fix: https://prnt.sc/pro9v3

Then my fix is adding more widgets before and after the buttons and recent posts widgets to force a 4 - column layout so the avatars go closer to its corresponding text:

https://prnt.sc/proafk    -> https://prnt.sc/proav0

But the problem is that this fix doesn't fix it for the mobile or ipad version of the website.

https://prnt.sc/prnx9l

Is there a solution to my problem?

6 Replies
Sofy
Posts: 4772
 Sofy
Admin
(@sofy)
Support Team
Joined: 7 years ago

Hi @zeeshan333,

Sure the problem can be fixed if you provide us the example URL. This is just a small CSS conflict. 

Posts: 85
Topic starter
(@zeeshan333)
Estimable Member
Joined: 5 years ago
4 Replies
Sofy
 Sofy
Admin
(@sofy)
Joined: 7 years ago

Support Team
Posts: 4772

@zeeshan333

Please enable the "display avatars" option to allow us to debug the CSS conflict. 

(@zeeshan333)
Joined: 5 years ago

Estimable Member
Posts: 85
Sofy
 Sofy
Admin
(@sofy)
Joined: 7 years ago

Support Team
Posts: 4772

@zeeshan333

Put the CSS code below in Top Black Admin Bar > Customize > Additional CSS, delete all caches and press Ctrl+F5 (twice) on that page.

.wpforo-widget-wrap .wpforo-widget-content .wpforo-list-item-right {
text-align: left !important;
}
(@zeeshan333)
Joined: 5 years ago

Estimable Member
Posts: 85

@sofy

Excellent, this fixed the problem. Thank you