تغيير موضع الصورة الرمزية

[Gonerdot]

Please tell me how to display an avatar this way

Like this

Theme: FKB Pro - Social theme

[Arkshine]

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

[Gonerdot]

Yes, so be it

[Arkshine]

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;
    }
}

[Gonerdot]

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

[Arkshine]

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

[Gonerdot]

It didn’t work

[Arkshine]

Try again; I updated again right after.

It works on my side:

[Gonerdot]

Oh yes, it works. Thanks a lot