Hoe de positie van de avatar om te keren zodat deze voor de onderwerptekst staat?

Ondersteuning
1

like this

4f1bd2b32b20542c79e1dec277bce558f7d210bd_2_1035x195
4f1bd2b32b20542c79e1dec277bce558f7d210bd_2_1035x1951035Ă—195 15.4 KB

1 like
2

Hello and welcome to Discourse!

This is a deceivingly hard thing to do: it uses a table element and it’s not straightforward to change the order without changing the actual HTML structure. And changing the structure would essentially mean replacing the component with your own template, which I don’t recommend trying at all.

I gave this a quick go, and it is somewhat possible with pure CSS, but it’s not a very robust implementation.

In case you want to try:

.topic-list-item {
    position:relative;
}

.topic-list .posters {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    max-width: 150px;
    overflow: hidden;
    display: block;
    box-sizing: border-box;
    height: auto !important;
}

.topic-list .topic-list-data:first-of-type {
    padding-inline-start: 150px;
}

I suggest you scope it to desktop!

1 like
3

Welcome to Meta :waving_hand:

Do you want the topic list to look like this?

I think you can do that with this component

3 likes
4

Oh its not clear from the OP to me if the request is to move the topic author or all avatars.

5

That’s right, thank you for the help, thank you so much

6

Thank you so much for the help too, I ended up using that theme component, still, I really appreciate it

1 like