Day by Day, Site by Site

Open source, Some Code, Troubleshooting, Good Links

May 17, 2015 - soft

Нормальное отображение Disqus в Wordpress

Установил на этот сайт систему комментирования Disqus. Все замечательно! Только поле комментирования очень прижималось к правой границе. На сайте поддержки, в переписке пользователей обнаружился ответ. Нужно в файл стилей для темы, которую использует Wordpress, добавить:

#disqus_thread {
margin-left: 75px;
}

Ссылка 1    Ссылка 2

Обновление от 19.09.2015

Из-за предыдущей настройки, поле комментирования Disqus, в мобильной версии сайта, отображалась неправильно. Был большой отступ слева. Для правильного отображения правим основной блок css файла следующим образом:

/* для нормального отображения фрейма disqus в обычной версии */
#disqus_thread {
margin-left: 75px;
}

В секцию css для мобильных сайтов вставляем:

/* для нормального отображения фрейма disqus в мобильной версии */
#disqus_thread {
width: 90%;
margin: 0 auto;
}

В файле css было несколько директив вида @media screen and (max-width: 870px) для разных разрешений мобильных устройств. Я выбрал секцию, для максимального разрешения по ширине 870 пикселей.

Ссылка по теоретической части - http://metanit.com/sharp/mvc/14.3.php