LinkedIn share button alignment

Question

У меня возникли проблемы с выравниванием ссылки ShareedIn на веб-сайте. Проверьте скриншот ниже -

Вы можете найти это вживую here. Кнопка хорошо выравнивается на других частях этой страницы, но когда она помещена над или под заголовком, она как-то неправильно.

Как это исправить?

Answer 1

Спасибо всем, кто пытался помочь! Наконец-то мне удалось выровнять его.

Решение: Поскольку проблема возникает только тогда, когда кнопки расположены выше или ниже текста заголовка, так в первую очередь я добавил программно пользовательский класс к кнопке контейнера LinkedIn - btnsx-li-height. Тогда я применил ниже CSS -

.btnsx-li-height .IN-widget { 
    position: relative; 
} 
.btnsx-li-height .IN-widget > span > span > span { 
    position: absolute; 
    left: -30px; 
    bottom: -20px; 
} 

Answer 2

В пользовательском файле CSS, добавьте следующее:

.IN-widget > span > span { 
    height: 30px; 
} 

Убедитесь, что порядок пользовательского файла CSS является последним.

Выход:

Answer 3

Я думаю, что это решит вашу проблему

span.IN-widget > span{ 
    display:block !important; 
} 

Тогда ясно <br> Уик между ними и не забудьте очистить стиль элемента к display.