# Voeg een handtekeningfoto toe voor een specifieke gebruiker (voor een groep kan ik het al)

**URL:** https://meta.discourse.org/t/add-a-signature-picture-for-a-specific-user-i-can-do-it-for-a-group-already/315039
**Category:** Development
**Tags:** css
**Created:** [4 juli 2024 om 19:26 UTC](https://meta.discourse.org/t/add-a-signature-picture-for-a-specific-user-i-can-do-it-for-a-group-already/315039 "2024-07-04T19:26:13Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![Kartoon](https://avatars.discourse-cdn.com/v4/letter/k/e36b37/32.png) [@Kartoon](https://meta.discourse.org/u/Kartoon)
#### Post date: [4 juli 2024 om 19:26 UTC](https://meta.discourse.org/t/add-a-signature-picture-for-a-specific-user-i-can-do-it-for-a-group-already/315039/1 "2024-07-04T19:26:13Z")

</div>

I currently have it set up where a certain group has a small image that appears as sort of a signature in every post. I want to expand this to a couple people but I don’t really want to have to make individual groups for everyone (they won’t have the same one so I can’t just make a group for the few of them).

I’m not great with CSS (I can use it and sometimes tinker around a bit but that’s my limit). Right now I’m using

```plaintext
.topic-post.group-Owner .topic-body .cooked::after {
    background-image: url("https://picture.image");
    background-repeat: no-repeat;
    background-size: 160px 80px; /*change these values according to the image size*/
    width: 160px; /*change this value according to the image size*/
    height: 80px; /*change this value according to the image size*/
    display: block;
    float: right;
    content: "";
}

```

Which works fine for the group. I’ve tried swapping .username-User and that doesn’t work.

---

<div class="post-metadata">

### Author: ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [4 juli 2024 om 20:25 UTC](https://meta.discourse.org/t/add-a-signature-picture-for-a-specific-user-i-can-do-it-for-a-group-already/315039/2 "2024-07-04T20:25:11Z")

</div>

Hey,

If you look at the HTML structure, you can see the following:

 ![image](https://global.discourse-cdn.com/meta/original/4X/7/9/b/79b33e688fb6df3bfc4b6ee60c257c6f53059e37.png)

You can rely on the user’s ID or username (but likely less reliable).

For example, with the ID:

```css
.topic-post article[data-user-id="2"] .topic-body .cooked::after { 
  //
}

```

---

<div class="post-metadata">

### Author: ![Kartoon](https://avatars.discourse-cdn.com/v4/letter/k/e36b37/32.png) [@Kartoon](https://meta.discourse.org/u/Kartoon)
#### Post date: [4 juli 2024 om 20:38 UTC](https://meta.discourse.org/t/add-a-signature-picture-for-a-specific-user-i-can-do-it-for-a-group-already/315039/3 "2024-07-04T20:38:21Z")

</div>

That did it, thank you!

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [3 augustus 2024 om 20:39 UTC](https://meta.discourse.org/t/add-a-signature-picture-for-a-specific-user-i-can-do-it-for-a-group-already/315039/4 "2024-08-03T20:39:15Z")

</div>

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