Avatar-Position ändern

Entwickler
1

Bitte sagen Sie mir, wie ich einen Avatar auf diese Weise anzeigen kann

image
image1342×344 89.5 KB

So

image
image1441×365 94.9 KB

Theme: FKB Pro - Social theme

2

Wenn Sie das tun, verlieren Sie die Möglichkeit, den Avatar nach oben oder unten gleiten zu sehen. Ist das in Ordnung?

3

Ja, so sei es

4

Können Sie dieses Desktop-CSS ausprobieren?

.topic-post {
    $avatar_width: 60px;
    $topic_margin_body: 1em;

    .topic-body {
        width: calc(690px + var(--topic-body-width-padding) * 2 + $avatar_width + $topic_margin_body) !important;
    }

   .topic-avatar {
        position: absolute !important;
        left: calc(var(--topic-body-width-padding) * 2 + $topic_margin_body);
        margin-bottom: 0 !important;
    }

    &.sticky-avatar .topic-avatar {
        top: unset !important;
    }

    .names.trigger-user-card {
        margin-left: calc(var(--topic-avatar-width) + var(--topic-avatar-width) / 2);
        height: $avatar_width;
    }
}

image
image203×173 18.5 KB

5

image
image949×352 78.4 KB

Danke, das hat geholfen. Wie kann ich jetzt die Breite des Hauptblocks in Themen erhöhen?

6

Ich habe das obige CSS angepasst. Ich habe es nicht gesehen, da mein Bildschirm geteilt war. :+1:

7

Es hat nicht funktioniert

8

Versuchen Sie es erneut; ich habe es direkt danach noch einmal aktualisiert.

Es funktioniert auf meiner Seite:

Arc_X4TUccN7P8

9

Ja, es funktioniert. Vielen Dank :heart: