Изменить положение аватара

Разработка
1

Пожалуйста, подскажите, как отобразить аватар вот так

image
image1342×344 89.5 KB

Вот так

image
image1441×365 94.9 KB

Тема: FKB Pro - Social theme

2

Если вы сделаете это, вы потеряете возможность видеть, как аватар перемещается вверх или вниз. Вас это устраивает?

3

Да, пусть так и будет

4

Попробуйте этот 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
image203×173 18.5 KB

5

image
image949×352 78.4 KB

Спасибо, это помогло. Теперь как можно увеличить ширину основного блока в темах?

6

Я поправил CSS выше. Я его не заметил, потому что мой экран был разделен пополам. :+1:

7

Это не сработало

8

Попробуйте снова; я обновил сразу после этого.

У меня всё работает:

Arc_X4TUccN7P8

9

Да, всё работает. Большое спасибо :heart: