Sobrepondo um avatar na capa

[Gonerdot]

É possível sobrepor um avatar em um banner de forma semelhante? Se sim, ao mesmo tempo você precisa desabilitar a capacidade de ocultar o banner

[Arkshine]

Você pode tentar este CSS? Para ser inserido no CSS do seu tema ou de um novo componente.

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

Qual é o seu tema? Pode precisar de alguns ajustes.

[Gonerdot]

Tema FKB Pro.
Como posso adicionar ou alterar CSS aqui?

[Arkshine]

A maneira recomendada é criar um novo componente, anexá-lo ao seu tema, então você pode Editar CSS/HTML lá.

[Gonerdot]

Ty! Está funcionando

Mas se a capa estiver oculta, o avatar também não será exibido. Como posso desativar a capacidade de ocultar a capa?

[Arkshine]

Eu atualizei o CSS acima, você pode tentar novamente?

Parece bom do meu lado agora:

[Gonerdot]