Комментарий от Ui Nami-Kami

Комментарий #11006198
Ui Nami-Kami

в топике Страница Список селекторов клуба CSS-club – настройка внешнего вида сайта 5 октября 2024

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

CSS сейчас

селектор {
border-radius: 10px;
}

Также добавила

.b-catalog_entry .image-cutter {
border-radius: 10px;
.avatar img {
border-radius: 10px;
}
}

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

Как сейчас

1181x44

916x216

Как нужно для всех элементов

500x256

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

CSS сейчас

.comfortaa-<uniquifier> {
font-family: "Comfortaa", sans-serif;
font-optical-sizing: auto;
font-weight: <400>;
font-style: normal;
}
:root {
--font-main: 'Comfortaa', sans-serif;
--font-alt: var(--font-main);
}

@grin3671

Ответы

grin3671 5 октября 2024#

Ui Nami-Kami

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

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

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

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

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

@Ui Nami-Kami

Твой комментарий

Комментарий #11006198 Ui Nami-Kami

Комментарий #11006198
Ui Nami-Kami