Support » Plugin: Social Likes » Custom css

  • Resolved x3fo

    (@x3fo)


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

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Здравствуйте. Можно использовать такой 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 3 years, 2 months ago by i.lychkov.

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

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

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

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