Я хочу использовать это с темой Air, потому что мне нравятся блоки и структура категорий.
2 лайка
Итак, вы не хотите, чтобы серая область заходила на фоновое изображение?
Если да, используйте тот же код выше, но отмените свойство clip-path.
html .background-container {
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100vw;
background: url(https://d11a6trkgmumsb.cloudfront.net/original/3X/8/3/8352b68….jpeg);
background-size: cover;
clip-path: unset;
}
Это действительно отлично смотрится с вашим изображением!
8 лайков
Ах, понятно, спасибо!
4 лайка
5 сообщений были объединены в существующую тему: Компонент темы баннера поиска
Как применить этот код? Куда именно его нужно вставить, пожалуйста?
Не стесняйтесь ознакомиться со следующими темами, чтобы лучше понять, как настроить внешний вид вашего сайта 
А также эти:
2 лайка
Огромное спасибо, @jordan.vidrine. Я внес изменения, и это может быть связано не столько с темой, сколько с моим универсальным баннером: фон дублируется и на универсальном баннере. Это единственное изменение, которое я сделал в теме Discourse Air:
left: 0;
height: 100vh;
width: 100vw;
background: #003366;
clip-path: ellipse(148% 70% at 91% -14%);
background: url(https://i.ibb.co/GCcS8Zw/Abstract-futuristic-Molecules-technology-with-polygonal-shapes-on-dark-blue-background-Illustration.jpg);
clip-path: unset;
}
}
Вот как моя страница выглядит сейчас: нужно ли мне что-то изменить в универсальном баннере или в теме Air?
У меня не задан ни фоновый изображение, ни цвет для универсального баннера.
Есть ли какие-либо предложения?
1 лайк
Вы можете попробовать background-size: cover; или поэкспериментировать с вариациями этого свойства.
Дополнительная информация здесь также может быть полезной: background-size | CSS-Tricks
2 лайка
Ах, понятно, сделаю. Проблема в том, что при уменьшении масштаба изображение просто повторяется:
Как думаете, мне стоит убрать также отступы по высоте и ширине?
Поэкспериментирую с background-size: спасибо!
2 лайка
.background-container {
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100vw;
background: url(https://i.ibb.co/GCcS8Zw/Abstract-futuristic-Molecules-technology-with-polygonal-shapes-on-dark-blue-background-Illustration.jpg);
background-size: cover;
clip-path: unset;
}
Отлично работает, спасибо!
3 лайка
Знает ли кто-нибудь, как изменить размер и цвет текста заголовка на главной странице?
Я бы направил вас сюда, чтобы лучше понять, как работает Discourse и как настраивать различные части сайта.
5 лайков
Пост был объединен с существующей темой: Переключатель темы Темная / Светлая
Есть идеи, как изменить цвет этого шрифта при создании компонента для этого? Эта проблема возникает только на мобильных устройствах, поэтому компонент может быть предназначен только для мобильного дизайна.
Кнопка поиска
Поиск в подвале
2 лайка
Хм 
, по вашему скриншоту сложно понять, на какой странице вы находитесь или к какому именно шрифту вы обращаетесь. На изображении, которое вы поделили, есть 4 или более различных текстовых элемента, которые можно настроить.
Похоже, вы заинтересованы в значительной кастомизации Discourse для себя, и это здорово 
Я бы порекомендовал прочитать следующие темы, чтобы лучше понять, как настроить внешний вид и ощущения вашего сайта
А также эти:
1 лайк
Джордан, я вижу, что ваши предыдущие и последние сообщения сводятся к совету «почитайте документацию». Я это понимаю и уважаю, но прошу учесть: я не дизайнер и потратил почти неделю на настройку темы, опираясь лишь на свои базовые знания. Кроме того, я не настолько богат, чтобы тратить 500 долларов на настройку темы для моего некоммерческого сообщества.
Поэтому, пожалуйста, рассмотрите возможность помочь нам — это будет очень ценно не только для меня, но и для других участников сообщества, которые наверняка захотят использовать вашу тему, имея лишь базовые навыки настройки.
Лучшее в Discourse — это то, что, хотя кривая обучения, конечно, присутствует (как и в случае с любыми техническими вещами в наши дни), вы вполне способны настроить именно то, что хотите. Обещаю!
Мы пишем эти темы, чтобы помочь нашему сообществу научиться делать всё самостоятельно, а иногда, когда что-то становится немного сложным, мы всегда готовы помочь.
Тем не менее, та помощь, о которой вы спрашиваете, определённо доступна, если вы прочитаете темы, на которые я ссылался ранее!
6 лайков
Возможно ли вернуть количество просмотров вместе с информацией о последней активности и количестве ответов?
2 лайка
Это можно сделать в компоненте темы. Прямо сейчас я не за компьютером, но если вы с помощью инструмента разработчика браузера (например, Chrome) проверите элемент списка тем, то сможете увидеть, какие строки скрыты с помощью CSS. Затем вы можете настроить эти строки, чтобы сделать их видимыми с помощью пользовательского компонента темы.
4 лайка
Привет! Я использую тему Air с компонентом темы Topic List Thumbnails Theme Component - theme - Discourse Meta в режиме сетки. Однако расположение тем в сеточном виде отличается от того, что в других темах.
Например:
В других темах с этим компонентом:
Это ошибка или есть рекомендуемый компонент темы для отображения миниатюр тем?
1 лайк