Вот я тоже попробовала и не получилось. Влево-вправо без проблем, а вверх уже проблемно...

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

Хотя...
Я предложу свой вариант, но он немного сложный.  Значит, сначала скрыть кнопки соц. сетей:

a.social.social-facebook, a.social.social-vkontakte, a.social.social-odnoklassniki, a.social.social-mailru, a.social.social-google, a.social.social-yandex {
    display: none;
}

 
Правда, они пропадут и на странице "Войти" тоже. Я не знаю насколько важно для вас чтобы они там были.

А, например, вот в тот блок что с информацией "Как зарегистрироваться?" добавить вручную кнопки. Как-то так:

Зелёная - ссылка на соц.сеть.
Красная - иконка соц. сети. Я для примера взяла, можно вообще любую поставить.

<a href="https://allispossible.rusff.me/connect.php?provider=facebook"><img src="ссылка на иконку фейсбука"></a> 
<a href="https://allispossible.rusff.me/connect.php?provider=vkontakte"><img src="ссылка на иконку вк"></a>
<a href="https://allispossible.rusff.me/connect.php?provider=odnoklassniki"><img src="ссылка на иконку ОК"></a>
<a href="https://allispossible.rusff.me/connect.php?provider=mailru"><img src="ссылка на иконку мейл.ру"></a>
<a href="https://allispossible.rusff.me/connect.php?provider=google"><img src="ссылка на иконку гугл"></a>
<a href="https://allispossible.rusff.me/connect.php?provider=yandex"><img src="ссылка на иконку яндекс"></a>

Буду пробовать, но , скорее всего, вы правы, так и нужно будет скриптом писать. Как и блок «Как зарегистрироваться» был написан.

Я вот еще хочу уточнить, а то на рисунке, возможно, не очень понятно:
Кнопки соцсетей хочется переставить просто под блок «Как зарегистрироваться», то есть, не в него, не в рамку.

А вообще, блоком сейчас довольна: красиво и всем «подслеповатым» видно 

Отредактировано marusya (03.06.21 17:53)

бродяга
А вот этот тот что на ФД? Тут же у нас только свои цвета...