Наложение аватара на обложку

[Gonerdot]

Возможно ли наложить аватар на баннер аналогичным образом? Если да, то одновременно необходимо отключить возможность скрытия баннера

[Arkshine]

Попробуйте этот CSS? Его нужно добавить в тему или в CSS нового компонента.

.user-main:has(.has-background .user-profile-image) {
    $avatar_size: 144px;
    $avatar_margin: 20px;
    $avatar_border_size: medium;
    
    .user-profile-avatar {
        position: absolute;
        top: calc(-#{$avatar_size} / 2 - $avatar_margin);
        left: $avatar_margin; 
        
        img.avatar {
            background: var(--secondary);
            border-width: $avatar_border_size;
        }
    }
    
    .primary-textual {
        margin-left: calc($avatar_size + $avatar_margin * 2);
    }
}

Какая у вас тема? Возможно, потребуются некоторые корректировки.

[Gonerdot]

Тема FKB Pro.
Как здесь добавить или изменить CSS?

[Arkshine]

Рекомендуемый способ — создать новый компонент, прикрепить его к вашей теме, а затем вы можете редактировать CSS/HTML там.

[Gonerdot]

Спасибо! Всё работает

Но если обложка скрыта, аватар тоже не отображается. Как можно отключить возможность скрывать обложку?

[Arkshine]

Я обновил CSS выше, попробуйте снова?

У меня теперь выглядит хорошо:

[Gonerdot]