Please tell me how to display an avatar this way [image] Like this [image] Theme: FKB Pro - Social theme

Can you try this Desktop CSS? .topic-post { $avatar_width: 60px; $topic_margin_body: 1em; .topic-body { width: calc(690px + var(--topic-body-width-padding) * 2 + $avatar_width + $topic_margin_body) !important; } .topic-avatar { position: absolute !important; left: calc(var(--topic-body-width-padding) * 2 + $topic_margin_body); margin-bottom: 0 !important; } &.sticky-avatar .topic-avatar { top: unset !important; } .names.trigger-user-card { margin-left: calc(var(--topic-avatar-width) + var(--topic-avatar-width) / 2); height: $avatar_width; } } [image]

If you do that, you will lose the ability to see the avatar sliding up or down. Is that okay?

[image] Thanks, this helped. Now how can I increase the width of the main block in topics?

I’ve adjusted the CSS above. I did not see it because my screen was split in half. :+1:

Oh yes, it works. Thanks a lot :heart:

Change avatar position

Development

Arkshine January 28, 2024, 7:04pm 8

Try again; I updated again right after.

It works on my side:

Arc_X4TUccN7P8

Topic		Replies	Views
How to move the avatar_template inside the topic body Development css	4	292	December 29, 2024
Sticky avatars not too sticky UX	1	531	July 13, 2022
Modify Users column to contain only one avatar (latest poster) Product Support	15	3991	January 11, 2016
How to reverse the position of the avatar to be in front of the topic text? Product Support	5	264	September 21, 2025
Size topic avatar Product Support	17	2570	February 15, 2018

Change avatar position

Related topics