Как изменить фон определенной темы?

Продолжая обсуждение из темы Background of topic color change:

Hello, how can I change the background of a certain topic?

Или: я не умею программировать. Какой CSS-код нужен, чтобы настроить фон тем конкретной подкатегории?

Спасибо за ваш ответ!

.category-support .topic-post {
    background: red;
}

делает следующее:

Класс, специфичный для категории, находится в теге <body>.


Если вы хотите выделить только первый пост:

.category-support .topic-post:first-child {
    background: red;
}

Если вы хотите изменить фон тем, специфичных для категории, в списке тем, то ссылка на тему, которую вы указали, — это правильный способ сделать это.

.category-support.topic-list-item {
    background: red;
}

делает следующее:

Большое спасибо вам :+1:
Я обязательно попробую!

Могу ли я добавить изображение вместо цвета?

Ещё один вопрос: какой код нужно использовать для настройки фона определённой подкатегории?
Спасибо

Здравствуйте,

Вы также можете использовать настройки категории, чтобы установить фоновое изображение для категории.

Да, всё сработало :+1:. Но когда я делаю страницу публичной, фон остаётся белым :point_down:

Функциональность публичной страницы очень ограничена.
Например, не отображается предварительный просмотр видео с YouTube (показывается только баннер видео). Нельзя создать карусель изображений (все изображения располагаются одно за другим вниз по странице).
У меня возникли следующие вопросы: можно ли самостоятельно улучшить функционал публичной страницы или уже существуют готовые коды для её улучшения?
Возможно, стоит создать отдельный пост по этому вопросу :thinking:

Вам потребуется отдельно стилизовать опубликованную страницу, отличая её от самого топика, но у каждой опубликованной страницы есть свой уникальный идентификатор, поэтому можно настроить их с помощью CSS. Например:

.published-page {
  &.testing-published-page.topic-276.foo {  /* это мой ID страницы, который состоит из заголовка топика + ID топика + слаг категории */
    background-color: #c4ddc4;

    .published-page-header {
      background-color: #facccc;
    }

    blockquote {
      background-color: #facccc;
      border: 5px solid #fb7878;
    }
  }
}

Спасибо, я очень ценю ваш ответ.
Возможно ли настроить код так, чтобы опубликованная страница автоматически наследовала дизайн оригинального поста?

Спасибо за ваш ответ!
Я вспомнил об этой функции. Она устанавливает фон для всех тем в конкретной категории. Можно ли задать фон в редакторе сообщений только для конкретного поста, не настраивая фон всего раздела?

Can you show me an approximate, more specific text, how it is written, otherwise I can’t?

topic-title = kody-css-dlya-nastrojki-oformleniya-temy
category slug = staff
topic id = image

Here is my published page :point_down:

Вы уже посмотрели детали страницы в инспекторе вашего браузера?

Нет, потому что я этого не понимаю.
Ты имеешь в виду что-то вроде этого :point_down:?

Я взял id из браузера :point_up_2:
image

Боюсь, мои навыки работы с CSS пока ограничиваются лишь небольшими фрагментами кода и правками, поэтому я не лучший человек, чтобы объяснять даже основы. :slightly_smiling_face:

У нас есть несколько руководств, которые могут оказаться полезными:

Могу я задать ещё один вопрос? Боюсь, что никто, кроме вас, мне не ответит. Как сделать подобное мерцание (вспышку) кнопки?
Button-whatsapp gif

Вот мой код кнопки

[data-theme-button2] {
    display: flex;
    justify-content: end;
    a {
        padding: 10px 50px;
        background: #24E927;
        border-radius: 5px;
        border: 1px solid #004E7D;
        color: #004E7D;
        font-weight: 600;
    }
}

Вы можете получить помощь, специфичную для Discourse, здесь, но для получения советов по CSS вам потребуется обратиться в другие источники. Я просто использую Google и https://css-tricks.com/.

Здравствуйте. Спасибо за информацию :raised_hands:
Я думаю, что мне лучше нанять специалиста, чем разбираться в программировании. Мне нужно было решить вопрос с кодом кнопки. На тот момент мне требовалось решить проблему с кодом кнопки.

Если вам нужно нанять кого-то для внесения изменений в CSS или решения более сложных задач, вы можете разместить сообщение в канале Marketplace и/или отправить мне личное сообщение.