CSS-club – настройка внешнего вида сайта

Подскажите пожалуйста, как поменять цвет на выделенных объектах?

@RomchikDiscoteka, цвет текста или фона?

@RomchikDiscoteka[comment=10526121],

.p-db_entries .b-entry-info .line .value {
  color: red;
}

.p-db_entries .b-entry-info .line .value .b-tag {
  color: inherit;
}

.p-db_entries .head h1 {
  color: green;
}

@grin3671, Здравствуйте, подскажите пожалуйста, как поменять цвет карандашика в избранном и комментария к тайтлу на его странице?

И ещё у меня есть возможно глупый вопрос. Можно ли как-то сделать чёрный цвет с белым ободком?

@yosikawa,

.p-profiles-favorites .item-edit {
  color: #123;
}

.b-user_rate .rate-show .note {
  color: #000;
  text-shadow: 0 0 1px white;
}

@grin3671, благодарю

Здравствуйте, а возможно ли добавить новый список ?

Здравствуйте, а как изменить картинку в достижениях?

Вариант 1 (может не работать в некоторых браузерах):

/* Замена изображения Цундере 2-го уровня */
[src*="/assets/achievements/anime/tsundere_2.jpg"] {
  content: url("https://i.imgur.com/tPfPOud.gif");
  object-fit: cover;
}

В этом варианте /assets/achievements/anime/tsundere_2.jpg — это часть ссылки на заменяемое изображение, которую можно найти в адресной строке, если кликнуть правой кнопкой мыши по картинке достижения и нажать «Открыть картинку в новой вкладке» или просто «Копировать URL картинки».

Вариант 2:

/* Указывается один раз */
.b-achievement .c-image a::after,
.b-badge::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--user-image, none);
  pointer-events: none;
}

/* Замена для всех уровней */
[href*="/achievements/common/tsundere"] {
  --user-image: url("https://i.imgur.com/tPfPOud.gif") center / cover;
}
/* Замена для определённых уровней */
.level-2 [href*="/achievements/common/tsundere"] {
  --user-image: url("https://i.imgur.com/tPfPOud.gif") center / cover;
}
/* Замена для франшиз */
[href*="/franchise/one_punch_man"] {
  --user-image: url("https://i.imgur.com/tPfPOud.gif") center / cover;
}

В этом варианте /achievements/common/tsundere или /franchise/one_punch_man — это часть ссылки на страницу достижения, которую можно найти в адресной строке, если кликнуть правой кнопкой мыши по достижению и нажать «Открыть ссылку в новой вкладке» или просто «Копировать адрес ссылки».

@grin3671, большое спасибо

@grin3671, Border-color, а как это перекрасить? Скажите, пожалуйста.

@Lien Kan,

[href*="/achievements/common/tsundere"] .border {
  border-color: #7d4c8b !important;
}

Добрый день.

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

Спасибо.

Доброго времени суток. Подскажите пожалуйста, как закруглить плашки достижения, лента и всех подобных? Может есть код сразу под все такие элементы?
Пытаюсь через:
Поменялось так только для друзей, клубов, избранного и кнопки предпросмотра.


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

Как вы умудрились придумать селектор .c-right > div:nth-child(2) > div:nth-child(1), но не найти простейший .subheadline?
Если нужно прям совсем всё закруглить, то можно еще так:

* {
  border-radius: 10px !important;
}

Первое правило для шрифта не нужно, можно полностью удалить. Шрифт лучше импортировать в стиле, чтобы и посетители профиля видели изменения:

@import url("https://fonts.googleapis.com/css2?family=Comfortaa");

@grin3671, спасибо! Помогло

@grin3671 Доброго. Подскажите, пожалуйста, как сделать отображение достижений как у вас?

@Shiorka,

/* Альтернативный макет для достижений в профиле */
@import url("https://css-club.web.app/css/profile-achievements-layout-fix1.css");

@grin3671, спасибо большое за Ваш труд.

Добрый день, подскажите пожалуйста, есть возможность изменить положение появления блоков .tooltip.minified слева и права, на положение верх и низ, без использования js? Если есть, хотелось бы уточнить, как сделать это не для всего сайта, а касаемо моей страницы профиля.