![](https://fs24.getcourse.ru/fileservice/file/download/a/116/sc/168/h/5c110be44a27ba187c823b7036cbb4a4.png)
Ваш контент в абсолютной безопасности
ПОДРОБНЕЕ
![](https://fs24.getcourse.ru/fileservice/file/download/a/116/sc/168/h/5c110be44a27ba187c823b7036cbb4a4.png)
Ваш контент в абсолютной безопасности
ПОДРОБНЕЕ
ИИ-бот GetCourse
ИИ-бот
Добрый день!
Я - бот-помощник по документации платформы Getcourse, помогу вам найти ответ на справочный вопрос по работе системы. Пожалуйста, сформулируйте свой вопрос одним сообщением.
Статья была полезной?
![](http://fs-thb03.getcourse.ru/fileservice/file/thumbnail/h/8952e2fa07f3e5a6640d4193cde051ca.png/s/s1200x/a/116/sc/188)
Введите код, меняющий class (вид) нужного элемента.
![](http://fs-thb03.getcourse.ru/fileservice/file/thumbnail/h/AB.924a6376b016dd829b521ce6fdbd5e06.png/s/s1200x/a/116/sc/131)
Как же узнать class элемента?
Кликаем правой кнопкой мышки по странице и в открывшемся меню выбираем пункт «Посмотреть код» (в зависимости от версии браузера этот пункт может называться немного по-другому).
После этого у вас на экране появится горизонтальная панель, в которой будет отображаться код страницы. Если вы будете наводить курсор мышки на разные участки этого кода, то у вас на странице будут подсвечиваться элементы, которые соответствуют данному коду. Таким образом, водя курсором мышки по коду и подсвечивая элементы, можно вычислить нужный участок кода и скопировать название класса.
Также можно кликнуть на нужный блок на странице и выбрать «Просмотреть код».
![](https://fs16.getcourse.ru/fileservice/file/download/a/116/sc/131/h/AB.a4febf4a4f08a63ed00577e17f4845b2.gif)
Разберем пару примеров?
![](http://fs-thb02.getcourse.ru/fileservice/file/thumbnail/h/AB.19b37e154a4356a7f0e897f0718e63bc.png/s/s1200x/a/116/sc/131)
Скругляем поля формы:
.f-input {
border-radius: 15px;
}
![](http://fs-thb01.getcourse.ru/fileservice/file/thumbnail/h/AB.813fc20c686a1a2ecf828744a00e76d2.png/s/s1200x/a/116/sc/131)
Меняем цвет кнопок и делаем скругление углов:
.btn {
background-color: #483fec !important;
border-radius: 10px;
}
![](http://fs-thb03.getcourse.ru/fileservice/file/thumbnail/h/AB.a0e73c53b168120301b50025ed073d0a.png/s/s1200x/a/116/sc/131)
Меняем цвет границы и ее толщину:
.lt-tsr-block {
border: 5px solid darkgreen !important;
}
В уроки также можно вносить стилевые изменения. Делается это по аналогии со страницами и только для уроков с типом Визуальный конструктор.
Для уроков, созданных на старом конструкторе (аудио, вебинар, текстовый урок) внести изменения CSS непосредственно в урок нельзя.
С помощью CSS можно менять внешний вид элементов на системных страницах. Для этого нужно перейти в режим «Настроить вид».
![](http://fs-thb02.getcourse.ru/fileservice/file/thumbnail/h/707e5d4ca36e7b084ad9b16e3ef3d316.png/s/s1200x/a/116/sc/242)
![](http://fs-thb03.getcourse.ru/fileservice/file/thumbnail/h/ea4dc5c92d6e3a39ea007d671c871655.png/s/s1200x/a/116/sc/197)
Обратите внимание, если вы работаете с кастомной версткой и используете собственный код.Перед тем как сохранить изменения на системной странице, рекомендуется скопировать и сохранить отдельно ваш код.
авторизуйтесь