Notifications
Clear all

Limited Support

Our team is currently on holiday, so support will be limited during this period. Response times may be slower than usual, and some inquiries may be delayed.
We appreciate your patience and understanding, and we’ll resume our usual support by the end of August.

 

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

7 Posts
2 Users
0 Reactions
1,354 Views
Posts: 85
Topic starter
(@zeeshan333)
Estimable Member
Joined: 6 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: 5483
 Sofy
Admin
(@sofy)
Support Team
Joined: 8 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: 6 years ago
4 Replies
Sofy
 Sofy
Admin
(@sofy)
Joined: 8 years ago

Support Team
Posts: 5483

@zeeshan333

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

(@zeeshan333)
Joined: 6 years ago

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

Support Team
Posts: 5483

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

Estimable Member
Posts: 85

@sofy

Excellent, this fixed the problem. Thank you