カバーにアバターを重ねる

[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]