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

Question

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

我尝试寻找 sharethis.com 的支持。但是那里没有support/ticket/contact系统

这是我正在使用的代码：

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 修改按钮的 class。

.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 个反应按钮的大小

Reducing size of sharethis.com reaction buttons

html

javascript

sharethis