Увеличьте размер иконки AddThis

Question

Я использую AddThis Sharing Buttons (Free Vesrion) и уже установил большой размер значка на панели управления. Значки, однако, все еще слишком малы для моего дизайна. Есть ли хак, который я мог бы использовать, чтобы увеличить размер значков до 32x32? (Пример 64х64). Код 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

Добавление этих классов CSS в вашу собственную таблицу стилей работает. Вам нужно только убедиться, что вы добавляете их в дополнительный родительский класс, такой как .addthis_sharing_toolbox чтобы убедиться, что ваш CSS имеет приоритет над CSS, определенным addthis javascript.

Следующее работает для увеличения значков до 40x40px каждый, если вы выбрали самый большой значок (32x32px) в настройках addthis:

.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 в своем скрипте, вам придется обновить свой код.