# 个人资料中的可点击社交图标链接

**URL:** <https://meta.discourse.org/t/clickable-social-icon-links-on-profile/158136>\
**Category:** Theme component\
**Created:** [2020年七月18日 17:03 UTC](https://meta.discourse.org/t/clickable-social-icon-links-on-profile/158136 "2020-07-18T17:03:21Z")\
**Posts on this page:** 1\
**Showing post:** 4

<div class="post-metadata">

**Author:** ![davidkingham](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/davidkingham/32/119528_2.png) [@davidkingham](https://meta.discourse.org/u/davidkingham)\
**Post date:** [2020年七月21日 03:35 UTC](https://meta.discourse.org/t/clickable-social-icon-links-on-profile/158136/4 "2020-07-21T03:35:37Z")

</div>

请注意，消息按钮和背景也会随之移动。我通过此方法修正了所有问题，但确实需要条件性地应用这些样式。

```css
#user-card.no-bg .card-content {
    margin-top: 0px;
}

.user-card-avatar .avatar-flair.rounded, .user-profile-avatar .avatar-flair.rounded {
    bottom: 19px;
}

#user-card .usercard-controls {
    margin-top: 0px !important;
}

```

---

_[View the full topic](https://meta.discourse.org/t/clickable-social-icon-links-on-profile/158136)._