Изменить подсветку новых комментариев

InstantCMS 2.X
#1 21 октября 2022 в 11:55

Всем привет! 

Прошу помощи в настройке внешнего вида новых комментариев. Сейчас у них есть подсветка тенью.

Изображение

На моем «пенсионерском» сайте 90 процентов контингента эту тень не видят. Требуется убрать тень и сделать вместо нее подсветку непосредственно поля нового комментария, примерно так: 

Изображение

Время выполнения открытое. Оплату гарантирую. Проверяю работоспособность кода и css на локальном тестовом сайте.

#2 21 октября 2022 в 12:22

Тут github.com/instantsoft/icms2/blob/master/templates/modern/scss/theme/_comments.scss#L119

заменить это

  1. .icms-comment-html {
  2. box-shadow: $box-shadow;
  3. }

на это

  1. .icms-comment-html {
  2. box-shadow: $box-shadow;
  3. background-color: #C9EEA4;
  4. }
  5. .icms-comment-html:before {
  6. background-color: #C9EEA4;
  7. }

Затем в настройках темы нажать «Сохранить и скомпилировать». Про бэкап файлов не забудьте.

#3 21 октября 2022 в 15:21

Для версии 2.13 у меня есть такое решение.

Изображение

Если что, могу посмотреть по css что и где подправить.

#4 21 октября 2022 в 15:32

Для версии 2.13 у меня есть такое решение.

Если что, могу посмотреть по css что и где подправить.

Tim T

Интересно, да! ) А по каким критериям изменен цвет комментариев? На Мамбе, где я пять лет просидел, было так: комментарии автора поста — одним цветом, мои комментарии — другим, остальные однотипные, без подсветки. Новые комменты подсвечивались маркером-значком… Мои постояльцы практически полностью родом с Мамбы, им бы вот так как былО! ))

#5 22 октября 2022 в 15:28

по каким критериям изменен цвет

Викторыч

Магия css))

комментарии автора поста — одним цветом, мои комментарии — другим, остальные однотипные

Викторыч

Я подумаю, может и тут можна сделать так.

Сегодня выпишу то что есть (если свет не отключат) и позже закину в эту тему решение.

Добавлено спустя 23 часа

Я все записывал в \templates\default\css\gui.css
Там конечно такие себе правки)) но разобраться можно.

по каким критериям изменен цвет

Викторыч

По атрибутам data-level=«ххх»
т.е.
пример

  1. #comments_list .comment[data-level = "1"] {
  2. transition : border-left-color 200ms ease-out;
  3. border-left : solid 5px #00bcd4;
  4. background-color : rgba(0, 188, 212, 0.05);
  5. }
  6. #comments_list .comment[data-level = "2"] {
  7. transition : border-left-color 200ms ease-out;
  8. border-left : solid 5px #ff9800;
  9. background-color : rgba(255, 152, 0, 0.05);
  10. }

скоро дополню

#6 22 октября 2022 в 15:53

вот этот файл... 

Не знаю уровень ваших знаний в css… пробуйте мержить визуально через консоль.

Добавлено спустя 10 минут

Еще попробуйте добавить/изменить класс is_topic_starter

  1. .is_topic_starter {
  2. border-top: solid 5px rgb(0 0 0);
  3. }
Прикрепленный файл
comments-widget.zip 9 Кб
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.