Кнопки соц. сетей выводятся на основе кодов Яндекса, которые я заключил в div, и происходит это вот так:

<div style="text-align: right; text-indent: 0px; white-space: nowrap; margin-top: 2em; background-color: #99f;">
<script src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js" type="text/javascript"></script>
<script src="//yastatic.net/share2/share.js" type="text/javascript"></script>
<div class="ya-share2" data-services="vkontakte,facebook,odnoklassniki,moimir,gplus,twitter" data-size="s"></div>
</div>

Соответственно, для маневров с дизайном мне доступна только верхняя строка.

При этом получается так, что из шести кнопок я вижу только четыре первых.

Причину этого явления в конце концов удалось найти. Как оказалось, Яндекс выводит на странице свои списки и там наследуется

padding-left: 10%;

Это происходит в строке UL, выделенной на скриншоте.

Доступа к этой строке у меня нет, но все равно каким-то образом нужно передать ей директиву

padding-left:0;

Как бы это осуществить?

$( document ).ready( function() {
... много кода по исправлению/применению к классам параметров ...
});

Может пройдет маневр ?

Спасибо за идею, но я вот так решил эту проблему: добавил в <div id="yandex" и в CSS сделал запись

#yandex ul {padding-left:0 !important}