Custom css

  • Resolved x3fo

    (@x3fo)


    8 years ago

    Здравствуйте! Ваш плагин (совершенно замечательный, кстати, большое вам за него спасибо) у меня настроен в виде одной кнопки, при клике появляется столбец с иконками соц сетей. Подскажите, пожалуйста, какие css-правила нужно добавить, чтоб эти иконки отображались в строчку, и при этом под кнопкой “поделиться”? И желательно еще, чтоб правая граница контейнера с иконками была вровень с правой границей кнопки, т.к. она расположена у правой же границы контейнера сайта.

    В принципе, у меня самого получилось из столбца сделать строку, изменив у селектора .social-likes__widget свойство display с table-row на table-cell, но отобразилось оно некорректно, например, иконки сползли на одну ячейку вправо и т.д.
    Боюсь потерять с этим много времени, поэтому прошу выручить.

Viewing 4 replies - 1 through 4 (of 4 total)
  • i.lychkov

    (@ilychkov)

    Здравствуйте. Можно использовать такой css, хотя с небольшими хаками.

    .social-likes__widget {
	display: table-cell !important;
}

.social-likes__icon {
	margin-left: 0 !important;
}

.social-likes_single {
	left: auto !important;
	top: 40px !important;
	right: 0;
}
    • This reply was modified 8 years ago by i.lychkov.
    Thread Starter x3fo

    (@x3fo)

    Спасибо, уже лучше, чем то, что получилось у меня – строка с иконками соц сетей теперь не вылезает за пределы контейнера страницы. Но косяк со сдвигом иконок на одну ячейку вправо, из-за чего не отображается последняя, пока никуда не девается. Хотя при наведении мышкой наблюдается интересное поведение – сдвинулись реально только пиктограммы кнопок (при этом, что интересно, фон каждой из них никуда не сдвинулся), а сами ссылки остались на местах. Т.е. если кликнуть по крайней левой ячейке, которая отображается как пустая, то получится поделиться контентом вконтакте, чье лого правее, нажав на которое можно поделиться уже в свою очередь в фейсбуке.

    i.lychkov

    (@ilychkov)

    Локально у себя не вижу такой проблемы. Пришлите, пожалуйста, ссылку на сайт, где я мог бы посмотреть.

    Thread Starter x3fo

    (@x3fo)

    Ссылку, к сожалению, дать пока не могу, не залил еще на хостинг, НО! Большое спасибо вам за ответ, т.к. он подал идею оставить только предложенные вами css-правила. В итоге, получил результат, у которого, как вы и говорите, действительно нет этих проблем.
    Теперь все идеально, благодарю!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Custom css’ is closed to new replies.

Tags