Superponiendo un avatar en la portada

[Gonerdot]

¿Es posible superponer un avatar en un banner de manera similar? Si es así, al mismo tiempo, necesitas deshabilitar la capacidad de ocultar el banner

[Arkshine]

¿Puedes probar este CSS? Para insertar en tu tema o en el CSS de un nuevo 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);
    }
}

¿Cuál es tu tema? Podría necesitar algunos ajustes.

[Gonerdot]

Tema FKB Pro.
¿Cómo puedo añadir o cambiar CSS aquí?

[Arkshine]

La forma recomendada es crear un nuevo componente, adjuntarlo a tu tema, y luego podrás Editar CSS/HTML allí.

[Gonerdot]

¡Gracias! Está funcionando

Pero si la portada está oculta, el avatar tampoco se mostrará. ¿Cómo puedo deshabilitar la capacidad de ocultar la portada?

[Arkshine]

He actualizado el CSS de arriba, ¿puedes intentarlo de nuevo?

Se ve bien de mi lado ahora:

[Gonerdot]