在封面上叠加头像

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