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?

Try again; I updated again right after. It works on my side: [Arc_X4TUccN7P8]

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

שינוי מיקום אווטאר

מפתח

Arkshine 28 בינואר,‏ 2024,‏ 6:53pm 6

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

נושא		תגובות	צפיות
How to move the avatar_template inside the topic body Development css	4	293	29 בדצמבר,‏ 2024
Sticky avatars not too sticky UX	1	531	13 ביולי,‏ 2022
Modify Users column to contain only one avatar (latest poster) Product Support	15	3991	11 בינואר,‏ 2016
How to reverse the position of the avatar to be in front of the topic text? Product Support	5	266	21 בספטמבר,‏ 2025
Size topic avatar Product Support	17	2572	15 בפברואר,‏ 2018

שינוי מיקום אווטאר

נושאים קשורים