Этот сайт — блог на Ghost, который использует Discourse для комментариев.
Обратите внимание, насколько аккуратно представлены комментарии. Подскажите, пожалуйста, какой CSS для этого используется?
Комментарии на моём собственном сайте выглядят не очень хорошо. Они растягиваются на всю ширину экрана. В идеале я хочу, чтобы они выглядели точно так же, как те, что я привёл.
Вот мой сайт:
Вы можете просто открыть инструменты разработчика в браузере и проверить элементы, чтобы увидеть CSS.
Это также можно сделать, просто щелкнув правой кнопкой мыши по элементу и выбрав «Проверить» (Inspect). Возможно, вам придется перемещаться вверх и вниз по иерархии HTML, чтобы увидеть все CSS-стили.
Попробовал, но не нашёл этого там.
Здравствуйте! С какой проблемой вы столкнулись?
Мой блог — это Ghost, использующий Discourse для комментариев. Комментарии работают нормально, НО я ищу способ настроить CSS, чтобы они гармонично вписались в дизайн.
Посмотрите на тот, на который я ссылался. Обратите внимание, как плавно выглядят комментарии?
Теперь посмотрите на мой. Комментарии растягиваются на всю ширину экрана.
Попробуйте открыть панель инспекции для комментария в блоге. В окне инспекции вы должны увидеть вкладку «Styles» (Стили), где отображаются CSS-свойства выбранного элемента (а также всех остальных).
Вот то, что вы ищете?
В этой теме есть информация о форматировании встроенных сообщений:
Стилизация вашего встроенного контента
Если вы используете Discourse версии 1.4.0 или новее, у вас есть возможность добавить таблицу стилей для ваших встроенных комментариев. Используйте раздел Embedded CSS в редакторе тем по пути Admin > Customize > Themes > Edit CSS/HTML, чтобы добавить пользовательскую таблицу стилей, которая будет применяться к вашим встроенным комментариям. По умолчанию мы считаем, что макет хорошо выглядит на белом фоне, но если ваш сайт имеет уникальный дизайн, вы можете стилизовать его самостоятельно.
Спасибо,
Странно, то же окно не открывается в моём Safari, не знаю почему.
СПАСИБО
СПАСИБО !! Именно это я и искал.
Нельзя развернуть CSS, не сделав его видимым в инструментах разработчика браузера.
Полагаю, вам нужно время, чтобы освоить эти инструменты 
СПАСИБО вам!!
Да, это не работает, но я следовал ВСЕМ инструкциям по встраиванию, но по каким-то причинам, похоже, у меня не получается.
Вот как выглядит мой встраиваемый элемент.
<script type="text/javascript">
if (window.location.pathname.indexOf('/p/') < 0) {
DiscourseEmbed = {
discourseUrl: 'https:/teachmeai.ogatutor.com/',
discourseEmbedUrl: '{{url absolute="true"}}'
};
(function() {
var d = document.createElement('script'); d.type = 'text/javascript'; d.async = true;
d.src = DiscourseEmbed.discourseUrl + 'javascripts/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(d);
})();
}
</script>
Примечание: Я оставил список разрешённых путей пустым, потому что, когда я что-то туда ввожу, код даже не запускается.
Что я могу делать не так?
Спасибо
Спасибо еще раз, но для новых посетителей оно все еще загружается очень долго. Около минуты для новых посетителей и НОВЫХ статей. Как только в статье уже есть ВОЗНИКАЮЩАЯ дискуссия, она загружается намного быстрее. Не знаю, связано ли это с тем, что тема автоматически создается в Discourse. Просматривая логи Ghost, все кажется в порядке.
У меня загрузилось сразу. Возможно, дело в локации. Я просмотрел несколько страниц, и комментарии у меня загружаются мгновенно.
edit: о, странно, только что выдало ошибку при загрузке первой страницы 
Огромное спасибо. Моя работа почти завершена. Следующий этап — попытка перенести их пользователей с phpBB.
