Question

我最近发现sharethis.com的free reaction buttons可以嵌入任何网站。反应按钮的尺寸太大。适合博客文章，但不适合讨论论坛，因为每个主题中的回复/帖子太多。我将按钮嵌入到论坛中。我想将按钮的尺寸从45x45减小到16x16。我尝试修改CSS，但不幸的是，它没有帮助。是否有人可以帮助减小反应表情符号的大小？非常感谢您的帮助。

我试图寻找sharethis.com的支持。但是那里没有支持/票务/联系系统。

这是我正在使用的代码：

JavaScript

    <script type="text/javascript" src="https://platform-api.sharethis.com/js/sharethis.js#property=5ed622e4c2a2080012eb58e8&product=inline-reaction-buttons" async="async"></script>`

HTML

<div class="sharethis-inline-reaction-buttons" stlye="font-size: 10px;"></div>

我尝试添加CSS来修改按钮的类。

.st-btn {
font-size: 16px;
line-height: 16px;
}

也尝试过

.st-btn {
height: 16px;
width: 16px;
}

但是没有效果。任何解决方案将不胜感激。

如果需要检查元素和修改CSS，可以在我的网站测试网站上进行测试。 http://tvpsite.ml/forum/index.php?topic=1

Answer 1

刚刚发现如何通过CSS减小尺寸。

.st-btn > svg {
    height: 20px !important;
    width: 20px !important;
}

以上代码可完成更改反应表情符号大小的工作。

减小sharethis.com反应按钮的大小

1 个答案: