Changer position avatar

Dev
1

Veuillez me montrer comment afficher un avatar de cette façon

image
image1342×344 89.5 KB

Comme ça

image
image1441×365 94.9 KB

Thème : FKB Pro - Social theme

2 « J'aime »
2

Si vous faites cela, vous perdrez la possibilité de voir l’avatar glisser vers le haut ou vers le bas. Est-ce que cela vous convient ?

2 « J'aime »
3

Oui, qu’il en soit ainsi

1 « J'aime »
4

Pouvez-vous essayer ce CSS Desktop ?

.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

2 « J'aime »
5

image
image949×352 78.4 KB

Merci, cela a aidé. Comment puis-je augmenter la largeur du bloc principal dans les sujets ?

6

J’ai ajusté le CSS ci-dessus. Je ne l’ai pas vu car mon écran était coupé en deux. :+1:

7

Ça n’a pas fonctionné

8

Réessayez ; j’ai mis à jour juste après.

Ça fonctionne de mon côté :

Arc_X4TUccN7P8

9

Oui, ça marche. Merci beaucoup :heart:

10

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.