Title: Custom css
Last modified: November 16, 2016

---

# Custom css

 *  Resolved [x3fo](https://wordpress.org/support/users/x3fo/)
 * (@x3fo)
 * [9 years, 6 months ago](https://wordpress.org/support/topic/custom-css-166/)
 * Здравствуйте! Ваш плагин (совершенно замечательный, кстати, большое вам за него
   спасибо) у меня настроен в виде одной кнопки, при клике появляется столбец с 
   иконками соц сетей. Подскажите, пожалуйста, какие css-правила нужно добавить,
   чтоб эти иконки отображались в строчку, и при этом под кнопкой “поделиться”? 
   И желательно еще, чтоб правая граница контейнера с иконками была вровень с правой
   границей кнопки, т.к. она расположена у правой же границы контейнера сайта.
 * В принципе, у меня самого получилось из столбца сделать строку, изменив у селектора.
   social-likes__widget свойство display с table-row на table-cell, но отобразилось
   оно некорректно, например, иконки сползли на одну ячейку вправо и т.д.
    Боюсь
   потерять с этим много времени, поэтому прошу выручить.

Viewing 4 replies - 1 through 4 (of 4 total)

 *  [i.lychkov](https://wordpress.org/support/users/ilychkov/)
 * (@ilychkov)
 * [9 years, 6 months ago](https://wordpress.org/support/topic/custom-css-166/#post-8447409)
 * Здравствуйте. Можно использовать такой 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 9 years, 6 months ago by [i.lychkov](https://wordpress.org/support/users/ilychkov/).
 *  Thread Starter [x3fo](https://wordpress.org/support/users/x3fo/)
 * (@x3fo)
 * [9 years, 6 months ago](https://wordpress.org/support/topic/custom-css-166/#post-8448023)
 * Спасибо, уже лучше, чем то, что получилось у меня – строка с иконками соц сетей
   теперь не вылезает за пределы контейнера страницы. Но косяк со сдвигом иконок
   на одну ячейку вправо, из-за чего не отображается последняя, пока никуда не девается.
   Хотя при наведении мышкой наблюдается интересное поведение – сдвинулись реально
   только пиктограммы кнопок (при этом, что интересно, фон каждой из них никуда 
   не сдвинулся), а сами ссылки остались на местах. Т.е. если кликнуть по крайней
   левой ячейке, которая отображается как пустая, то получится поделиться контентом
   вконтакте, чье лого правее, нажав на которое можно поделиться уже в свою очередь
   в фейсбуке.
 *  [i.lychkov](https://wordpress.org/support/users/ilychkov/)
 * (@ilychkov)
 * [9 years, 6 months ago](https://wordpress.org/support/topic/custom-css-166/#post-8448592)
 * Локально у себя не вижу такой проблемы. Пришлите, пожалуйста, ссылку на сайт,
   где я мог бы посмотреть.
 *  Thread Starter [x3fo](https://wordpress.org/support/users/x3fo/)
 * (@x3fo)
 * [9 years, 6 months ago](https://wordpress.org/support/topic/custom-css-166/#post-8448946)
 * Ссылку, к сожалению, дать пока не могу, не залил еще на хостинг, НО! Большое 
   спасибо вам за ответ, т.к. он подал идею оставить только предложенные вами css-
   правила. В итоге, получил результат, у которого, как вы и говорите, действительно
   нет этих проблем.
    Теперь все идеально, благодарю!

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Custom css’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/wp-social-likes.svg)
 * [Social Likes](https://wordpress.org/plugins/wp-social-likes/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/wp-social-likes/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/wp-social-likes/)
 * [Active Topics](https://wordpress.org/support/plugin/wp-social-likes/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/wp-social-likes/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/wp-social-likes/reviews/)

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)

 * 4 replies
 * 2 participants
 * Last reply from: [x3fo](https://wordpress.org/support/users/x3fo/)
 * Last activity: [9 years, 6 months ago](https://wordpress.org/support/topic/custom-css-166/#post-8448946)
 * Status: resolved