Question

我正在使用AddThis共享按钮（Free Vesrion），并已通过控制面板将图标大小设置为大。但是这些图标对我的设计来说仍然太小了。有没有我可以使用的黑客将图标的大小增加到大于32x32。（例64x64）。代码AddThis给出的如下：

    <!-- Go to www.addthis.com/dashboard to customize your tools -->
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-53a456a16e356b6f" async="async"></script>

<!-- Go to www.addthis.com/dashboard to customize your tools -->
<div class="addthis_sharing_toolbox"></div>

Answer 1

不幸的是，32x32是我们支持的最大尺寸图标。但是，我会让团队知道您对较大尺寸感兴趣，因此可能会在未来版本的代码中提供。

Answer 2

将addthis类css添加到您自己的样式表中。您只需确保将其添加到.addthis_sharing_toolbox之类的其他父类下，以确保您的css优先于addthis javascript定义的css。

如果您在addthis设置中选择了最大的图标（32x32px），以下情况可以将图标增加到40x40像素：

.addthis_sharing_toolbox .at-share-tbx-element.addthis_32x32_style .at-share-btn, .addthis_sharing_toolbox .at-share-tbx-element.addthis_32x32_white_style .at-share-btn {
    max-height: 40px;
    max-width: 40px;
}
.addthis_sharing_toolbox .addthis_32x32_style .at4-icon, .addthis_sharing_toolbox .addthis_32x32_white_style .at4-icon, .addthis_sharing_toolbox .at-32x32 {
    background-size: 40px auto !important;
    height: 40px;
    line-height: 40px;
    width: 40px;
}

当然，这对当前的addthis脚本有效。如果addthis在其脚本中更改了类名或html结构，则必须更新代码。

增加AddThis图标大小

2 个答案: